Skip to content

Vualto/vuplay-dashjs

Repository files navigation

Studio DRM dash.js

code style: prettier Built with Grunt

Description

This repository will demonstrate how to use Studio DRM with dash.js. If you have any questions please contact support@jwplayer.com

This repository is currently targeted at version 4.3.0 of dash.js.

Instructions

Install dependencies

  1. Install npm
  2. Install the grunt-cli: npm install -g grunt-cli
  3. Clone the repository: git clone git@github.com:Vualto/vuplay-dashjs.git
  4. Navigate to the project's root folder: cd studiodrm-dashjs
  5. Install the dependencies: npm install

Build and run the dev environment

  1. Open the repository in your favourite javascript editor.
  2. In file src/studiodrm-dashjs.js replace <your-stream-url> with your stream URL. This must be a MPEG-DASH stream.
  3. In file src/studiodrm-dashjs.js replace <your-studiodrm-token> with a Studio DRM token. Details can be found in the Studio DRM Token v2 documentation
  4. Run npm run build in the project's root. This will create a dist folder that contains all the files needed to run this demo. N.B. You will need to add the host dashjs.studiodrm.local to your local machine's hosts file in order for this to work.
  5. Load a supported browser and go to https://dashjs.studiodrm.local:14703

NB: In order to allow DRM encrypted playback in chrome (https://goo.gl/EEhZqT), SSL has been enabled for the demo. You will get a warning about an invalid cert NET::ERR_CERT_AUTHORITY_INVALID but this can safely be ignored.

Browser support

The browser must support encrypted media extensions. Currently this includes the latest versions of Chrome, Firefox, Internet Explorer 11 and Edge. For a complete breakdown of supported media extensions please contact support@jwplayer.com

Useful links

Studio DRM

mpeg-DASH

Encrpyted media extensions

dash.js

Build tools