MPEG-DASH自适应流媒体在Windows Chrome/Mozilla中无法正常工作

Question

MPEG-DASH自适应流媒体在Windows Chrome/Mozilla中无法正常工作

javascripthtmlazurevideo-streamingmpeg-dash

4

我完全不了解MPEG-DASH自适应流技术。我正在尝试使用浏览器中的dash.js创建视频播放器。我已经参考了一些有用的MPEG-DASH自适应流文档，这些链接如下：

通过上述文档，我已经创建了一个示例HTML文件。

<!DOCTYPE html>
<html>
<head>
    <title>Adaptive Streaming in HTML5</title>
    <style>
        video {
        width: 640px;
        height: 360px;
        }
    </style>
</head>
<body>
    <div>
        <h1>Adaptive Streaming with HTML5</h1>
        <video id="videoplayer" controls></video>
    <div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>    
    <!-- DASH-AVC/265 reference implementation -->
    <script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
    <script>
    <!--setup the video element and attach it to the Dash player-->
            (function(){
                var url = "https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd";
                var player = dashjs.MediaPlayer().create();
                player.initialize(document.querySelector("#videoPlayer"), url, true);
            })();
    </script>
</body>
</html>

但是在 chrome (版本 63.0.3239.132 (官方构建) (64 位)) 和 mozilla (版本57.0(64 位)) 上运行后，我无法看到这个播放器中播放的任何视频。以下是输出屏幕截图：

我正在尝试在本地浏览器上运行。这会有什么问题吗？点击播放按钮后，我无法看到任何视频。在 Mozilla 浏览器中，我可以看到以下内容：

[dash.js 2.6.4] MediaPlayer has been initialized

The character encoding of the HTML document was not declared. 
The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. 
The character encoding of the page must be declared in the document or in the transfer protocol.

但是，脚本https://cdn.dashjs.org/latest/dash.all.min.js也很好用。而且当我在https://reference.dashif.org/dash.js/1.4.0/samples/dash-if-reference-player/index.html视频播放器中添加https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpdURL时也正常工作。

实际上，我在这里缺少什么？有什么建议或帮助吗？

- user2986042

2个回答

1

HLS被HTML5自动支持，但MPEG-DASH不支持。这意味着一些浏览器或应用程序无法播放MPEG-DASH视频流，即使在非苹果设备上也是如此。

阅读此链接中的HLS与Dash比较

- Perry

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Aaron Chen · Accepted Answer

HTML文档中属性值是区分大小写的。

因此，如果您将<video>元素更改为以下内容，则会起作用：

<video id="videoPlayer" controls></video>