This repository integrates chat functionality into an application that utilizes Dolby.io's Stream API.
In this blog, a React application demonstrates the integration of Stream's chat messaging service into a video conference application built with Dolby.io. Chat integration with streaming applications can be useful for enabling users to communicate with each other while watching a live stream or participating in interactive sessions.
In order to make use of this demo you will need:
-
Dolby.io Account -- get your Consumer Key & Secret
-
Stream Account -- get your Consumer Key & Secret for Stream Chat Messaging
Clone the project and install dependencies:
npm install
You will also need to configure your credentials in the environment.
cp .env.example .env
Then edit that file to set your own Consumer Key and Secret for Dolby.io and Stream services, respectively
Run:
npm start
This will initiate a token server to return any API keys as well as a React application in the browser that participants will auto-join. To test locally, the application can be opened in two separate tabs in the browser. By default, this will be found at localhost:3000
.
In the case any bugs occur, report it using Github issues, and we will see to it.
We welcome your interest in trying to experiment with our repos.
If there are any suggestions or if you would like to deliver any positive notes, feel free to open an issue and let us know!
For a deeper dive, we welcome you to review the following:
- Communications API
- Getting Started with React
- How-to Share Your Screen with Audio in a WebRTC Video Call
- Kickstart Video Calls for Your React Web App with UIKit
- Building a Virtual Event and Webinar Application with React and Dolby.io
Using decades of Dolby's research in sight and sound technology, Dolby.io provides APIs to integrate real-time streaming, voice & video communications, and file-based media processing into your applications. Sign up for a free account to get started building the next generation of immersive, interactive, and social apps.