Skip to content

A webRTC low latency streaming app capable of delivering 4k streams with just a few lines of JavaScript. The app includes basic functionality such as joining and leaving streams and UI features for stream events such as a stream being live or offline.

License

dolbyio-samples/stream-app-web-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Livestream viewer image

Building a Low Latency Live Stream Viewer w/ Dolby.io Streaming

Overview

A webRTC low latency streaming app capable of delivering 4k streams with just a few lines of JavaScript. The app includes basic functionality such as joining and leaving streams and UI features for stream events such as a stream being live or offline.

This code is a suppliment for this blog here: Building a Low Latency Live Stream Viewer

Branches

Main: Current branch.

Simple-chat: A live stream app with a basic chatroom powered by PubNub In-App Chat. To learn more switch branches and check out this guide here.

Multiviewer: If you are interested in building a more advanced version of this project that can ingest multiple WebRTC streams switch branches and check out this guide here.

Requirements

Requires a code editor and a Dolby.io account. The project is built with vanilla JS.

Getting Started

For a more detailed guide check out the blog.

  1. Create a free Dolby.io account.
  2. Create a new streaming token and save the Account ID and Stream Name for later.
  3. Start a broadcast from the Dolby.io dashboard.
  4. Clone the repo. Since the project is built in Vanilla JS you can just open the index.html file to run the project.
  5. Inside the app add the Account ID and Stream Name from the token created in step 2.
  6. Enjoy the stream!

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:

  1. Dolby.io Streaming
  2. More Dolby.io Tools
  3. Dolby.io Streaming Web SDK Documentation
  4. More Streaming Samples and News

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

About

A webRTC low latency streaming app capable of delivering 4k streams with just a few lines of JavaScript. The app includes basic functionality such as joining and leaving streams and UI features for stream events such as a stream being live or offline.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks