Javascript Dash.js问题与多drm内容

Javascript Dash.js问题与多drm内容,javascript,video,media-player,dash.js,Javascript,Video,Media Player,Dash.js,我正在尝试使用dash.js播放器(版本2.3.0)播放多drm内容(Widewine、Playready)。我收集了尽可能多的信息,但是我仍然不能播放内容。Dash.js player最近进行了修改,在互联网上找到的许多代码示例不再有效,文档也没有更新。这是我当前的代码: HTML: 结果,我在控制台中得到了“UncaughtTypeError:Cannotreadproperty'protection'of undefined”。我已经根据下面链接的文档准备了protectionData部分

我正在尝试使用dash.js播放器(版本2.3.0)播放多drm内容(Widewine、Playready)。我收集了尽可能多的信息,但是我仍然不能播放内容。Dash.js player最近进行了修改,在互联网上找到的许多代码示例不再有效,文档也没有更新。这是我当前的代码:

HTML:

结果,我在控制台中得到了“UncaughtTypeError:Cannotreadproperty'protection'of undefined”。我已经根据下面链接的文档准备了protectionData部分

有没有人能为我提供一个如何在dash.js中处理多drm内容的工作示例,或者解释我应该在代码中更改什么

提前感谢。

有一个应用程序将此内容与Axinom DRM许可证服务器一起使用,非常完美地反映了您的场景

您还可以找到可以在浏览器中查看的视图,以快速查看用户视点


如果在阅读该指南后仍有不清楚的地方,请编辑您的问题,我将编辑此答案以详细介绍缺失的部分

您链接到的文档适用于1.5.1版

v2.3.0的文档可以在更新的JS上找到

function testVideo() {
var AXINOM_DEMO_WV_LS = "http://drm-widevinelicensing.axtest.net/AcquireLicense";
var AXINOM_DEMO_key = "here is the key";
var player = new dashjs.MediaPlayer().create();
var element = document.querySelector("#vid2");
player.setProtectionData({
    "com.widevine.alpha": {
        "serverURL": AXINOM_DEMO_WV_LS,
        "httpRequestHeaders": {
            "X-AxDRM-Message": AXINOM_DEMO_key
        };
    };
});
document.getElementById("playButton").click(function() {
    var videoUrl = 'http://media.axprod.net/TestVectors/v6-MultiDRM-MultiKey/Manifest_1080p.mpd';
    player.initialize(element, videoUrl, true);
 });
};

非常感谢。我之前还没有找到这本指南。我会在测试后试一试并更新案例。我的代表级别不够高,无法发表评论,因此我将帖子作为答案:(
function testVideo() {
   var AXINOM_DEMO_WV_LS = "http://drm-widevinelicensing.axtest.net/AcquireLicense";
   var AXINOM_DEMO_header = "X-AxDRM-Message";
   var AXINOM_DEMO_key = "here is the key";
   var player = new dashjs.MediaPlayer().create();
   var element = document.querySelector("#vid2");
   player.attachProtectionData({
     "com.widevine.alpha": new dashjs.MediaPlayer.vo.protection.ProtectionData(AXINOM_DEMO_WV_LS, AXINOM_DEMO_header, AXINOM_DEMO_key)
   });
   document.getElementById("playButton").click(function() {
     var videoUrl = 'http://media.axprod.net/TestVectors/v6-MultiDRM-MultiKey/Manifest_1080p.mpd';
     player.initialize(element, videoUrl, true);
   });
};
function testVideo() {
var AXINOM_DEMO_WV_LS = "http://drm-widevinelicensing.axtest.net/AcquireLicense";
var AXINOM_DEMO_key = "here is the key";
var player = new dashjs.MediaPlayer().create();
var element = document.querySelector("#vid2");
player.setProtectionData({
    "com.widevine.alpha": {
        "serverURL": AXINOM_DEMO_WV_LS,
        "httpRequestHeaders": {
            "X-AxDRM-Message": AXINOM_DEMO_key
        };
    };
});
document.getElementById("playButton").click(function() {
    var videoUrl = 'http://media.axprod.net/TestVectors/v6-MultiDRM-MultiKey/Manifest_1080p.mpd';
    player.initialize(element, videoUrl, true);
 });
};