Question

如何在cordova应用程序中实现azureMediaPLayer？

我尝试了网站上的教程/说明：http://amp.azure.net/libs/amp/latest/docs/但我无法让它发挥作用。

我把

<link href="http:////amp.azure.net/libs/amp/1.5.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src= "http://amp.azure.net/libs/amp/1.5.0/azuremediaplayer.min.js"></script>

在我的index.html标题中

然后我把

<video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="poster.jpg" data-setup='{"nativeControlsForTouch": false}'>
    <source src="http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest" type="application/vnd.ms-sstr+xml" />
    <p class="amp-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
    </p>
</video>

在html中

它只是一个黑屏，没有控件，没有加载，也没有来自调试的错误消息。

我尝试了从角度控制器运行的手动示例，但这只是告诉我放大器是未定义的。

var myPlayer = amp('vid1', { /* Options */
        "nativeControlsForTouch": false,
        autoplay: false,
        controls: true,
        width: "640",
        height: "400",
        poster: ""
    }, function() {
          console.log('Good to go!');
           // add an event listener
          this.addEventListener('ended', function() {
            console.log('Finished!');
        }
      }
);
myPlayer.src([{ 
    src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest", 
    type: "application/vnd.ms-sstr+xml"
}]);

有人做过这项工作吗？我开始研究dash.js，但我无法做到这一点......

Answer 1

Cordova具有将域名列入白名单的概念，可以在应用程序中使用。您需要将AMP脚本和域的域列入白名单以用于流定位器。以下是更多信息：https://cordova.apache.org/docs/en/latest/guide/appdev/whitelist/index.html

cordova azure媒体播放器

1 个答案: