Skip to content

dolbyio-samples/comms-app-web-mixer-layout

Repository files navigation

Blog Picture

Creating a Custom Mixer Layout for Streaming a Conference

In this repository, a mixer layout application will be made for recording and live streaming conferences.

Overview

The tutorial focuses on creating a mixer layout application using JavaScript and jQuery for recording and live streaming conferences using Dolby Communications APIs. The default open-source mixer layout application based on React.JS is available on GitHub, but the tutorial guides you on customizing the layout to match your branding or implementing custom logic. Each step of the tutorial provides code links for easy access to the latest updates.

Requirements

To follow along, you will need a Dolby.io Account to acquire an API Key and Secret Key.

Getting Started

Create an empty file script.js, where we will write the logic of the application.

Update

We have recently upgraded our mixer platform to generate recording and stream to an RTMP endpoint in 1080p. HLS streams are not affected and continue to use the 720p resolution. The blog post reflects those changes.

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:

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.

           
      Dolby.io on YouTube       Dolby.io on Twitter       Dolby.io on LinkedIn