VUPLAY THEOplayer

Description

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

This repository is currently targeted at THEOplayer version 2.51.1

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-theoplayer.git
4. Navigate to the project's root folder: cd vuplay-theoplayer
5. Install the dependencies: npm install

Build and run the dev environment

1. Open the repository in your favourite javascript editor.
2. In file index.html replace <path-to-theoplayer-css> with a reference to THEOplayer CSS.
3. In file index.html replace <path-to-theoplayer-js> with a reference to THEOplayer JS.
4. In file src/vuplay-theoplayer.js replace <your-stream-url> with your stream URL. This must can be a MPEG-DASH or HLS stream.
5. In file src/vuplay-theoplayer.js replace <your-vudrm-token> with a VUDRM token from https://admin.drm.technology
6. Uncomment the appropriate code in the file src/vuplay-theoplayer.js. The code you uncomment will depend on the stream technology you want to use.
7. Run npm run start in the project's root. This will create a dist folder that contains all the files need to run this demo. N.B. You will need to add the host theoplayer.local.vuplay.co.uk to your local machine's hosts file in order for this to work. Or use a domain that is compatible with your THEOplayer license.
8. Load a supported browser and go to https://theoplayer.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, Edge, and Safari. 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

HLS

• Apple's developer resources on HLS
• HLS wikipedia
• What is HLS?

Encrypted media extensions

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

THEOplayer

• THEOplayer
• Online documentation for this version

Build tools

• npm
• grunt