Building a React live streaming app with 100ms

• LiveStreaming-100ms

  1 10 10.0 JavaScript

  Repo for the article on: Building a React live streaming app with 100ms written on Logrocket

$ git clone -b starter https://github.com/Tammibriggs/LiveStreaming-100ms.git $ cd LiveStreaming-100ms $ npm install

• hls.js

  26 14,175 9.9 TypeScript

  HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.

  

To integrate 100ms into our React app, first, we'll install the SDK, which we’ll need to build the app. We’ll install one additional dependency, HLS.js, to aid us in displaying the HLS stream for browsers that don’t support HLS natively:

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• video.js

  33 37,169 8.7 JavaScript

  Video.js - open source HTML5 video player

  

Now, to display the HLS stream to viewers, we’ll use HLS.js, which we installed earlier. For more UI customizations, you can check out Video.js, which uses HLS.js internally.

Suggest a related project