Synchronizing Video Users with GetStream.io Chat Messaging and Dolby.io

This repository integrates chat functionality into an application that utilizes Dolby.io's Stream API.

Overview

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.

Requirements

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

Getting Started

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

Start

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.

Report a Bug

In the case any bugs occur, report it using Github issues, and we will see to it.

Forking

We welcome your interest in trying to experiment with our repos.

Feedback

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!

Learn More

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

About 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.