This repository will demonstrate how to use VUDRM with THEOplayer. If you have any questions please contact [email protected]
This repository is currently targeted at THEOplayer version 2.51.1
- Install npm
- Install the grunt-cli:
npm install -g grunt-cli - Clone the repository:
git clone [email protected]:Vualto/vuplay-theoplayer.git - Navigate to the project's root folder:
cd vuplay-theoplayer - Install the dependencies:
npm install
- Open the repository in your favourite javascript editor.
- In file
index.htmlreplace<path-to-theoplayer-css>with a reference to THEOplayer CSS. - In file
index.htmlreplace<path-to-theoplayer-js>with a reference to THEOplayer JS. - In file
src/vuplay-theoplayer.jsreplace<your-stream-url>with your stream URL. This must can be a MPEG-DASH or HLS stream. - In file
src/vuplay-theoplayer.jsreplace<your-vudrm-token>with a VUDRM token from https://admin.drm.technology - 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. - Run
npm run startin the project's root. This will create adistfolder that contains all the files need to run this demo. N.B. You will need to add the hosttheoplayer.local.vuplay.co.ukto your local machine's hosts file in order for this to work. Or use a domain that is compatible with your THEOplayer license. - 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.
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 [email protected]