README.md

VUPLAY video.js

Description

This repository will demonstrate how to use VUDRM with the video.js. If you have any questions please contact support@vualto.com

This repository is currently targeted at version 7.10.2 of video.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-video-js
4. Navigate to the project's root folder: cd vualto/vuplay-video-js
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/vuplay.js replace <your-stream-url> with your stream URL. This must be a MPEG-DASH stream.
3. In file src/vuplay.js replace <your-vudrm-token> with a VUDRM token from https://admin.vudrm.tech
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 videojs.local.vuplay.co.uk to your local machine's hosts file in order for this to work.
5. Load a supported browser and go to https://videojs.local.vuplay.co.uk: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@vualto.com

Useful links

VUDRM

• Contact vualto
• VUDRM
• VUDRM token documentation

mpeg-DASH

• MPEG-DASH
• What is MPEG-DASH

Encrpyted media extensions

• Encrypted media extensions specification
• Encrypted media extensions wikipedia
• Encrypted media extensions on MDN
• Intro to encrypted media extensions

video.js

• video.js
• video.js releases

Build tools

• npm
• grunt