Skip to content
This repo demos how to use vudrm with THEOplayer
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
src
.gitignore
.prettierignore
.prettierrc
Gruntfile.js
README.md
index.html
package-lock.json
package.json

README.md

VUPLAY THEOplayer

code style: prettier Built with Grunt

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 build 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

mpeg-DASH

HLS

Encrypted media extensions

THEOplayer

Build tools

You can’t perform that action at this time.