
THEOplayer¶
THEOplayer is an industry leading HTML5 video player.
The vuplay-theoplayer repository demonstrates at a lower level how to integrate VUDRM with THEOplayer.
Basic setup¶
<div
id="vuplay-container"
class="video-js theoplayer-skin theo-seekbar-above-controls"
></div>
var streamUrl = "<your-stream-url>";
var vudrmToken = "<your-vudrm-token>";
var containerElement = document.getElementById("vuplay-container");
var player = new THEOplayer.Player(containerElement, {
libraryLocation: "<your-theoplayerjs-scripts-path>",
ui: {
fluid: true
}
});
Widevine example¶
player.source = {
sources: [
{
src: streamUrl,
type: "application/dash+xml",
contentProtection: {
integration: "vudrm",
token: vudrmToken,
widevine: {
licenseAcquisitionURL: "https://widevine-license.vudrm.tech/proxy"
}
}
}
]
};
PlayReady example¶
player.source = {
sources: [
{
src: streamUrl,
type: "application/dash+xml",
contentProtection: {
integration: "vudrm",
token: vudrmToken,
playready: {
licenseAcquisitionURL:
"https://playready-license.vudrm.tech/rightsmanager.asmx"
}
}
}
]
};
FairPlay example¶
player.source = {
sources: [
{
src: streamUrl,
type: "application/x-mpegurl",
contentProtection: {
integration: "vudrm",
token: vudrmToken
}
}
]
};