代码之家 › 专栏 › 技术社区 › Neywiny

如何设置DASH流?

mpeg-dash html5-video video-streaming networking video

Neywiny · 技术社区 · 7 年前

我一直在尝试设置mpeg dash流,但运气不太好。我有冲刺。全部的调试。js添加到html中,但它要求使用破折号。全部的调试。js。我找到的地图 here .但在那之后,什么都没有了。很明显,因为它需要地图文件,所以有些东西起作用了,但在那之后,Chrome和Firefox都没有做任何事情。他们要求我提供mpd,并在一个随机网站上进行了验证,但没有向服务器提出任何请求。

html代码为:

 <html>
    <head>
    <script src="dash.all.debug.js"></script>
    <script>
        (function(){
            var url = "http://dash.edgesuite.net/envivio/Envivio-dash2/manifest.mpd";
            var player = dashjs.MediaPlayer().create(); 
            player.initialize(document.querySelector("#videoPlayer"), url, true);
        })();
    </script>
    </head>
    <body>
    <img src="Soranin.jpg" alt="not found" height=500>


    video:
    <video id="videoPlayer" src="media/movies/Demo/video.mpd" type="application/dash+xml"></video>
    </body>
</html>

控制台日志显示

[10] [dash.js 2.6.8] MediaPlayer has been initialized

所以一定有什么东西在起作用,对吧?我错过了什么?

1 回复 | 直到 7 年前

Anonymous Coward 6 年前

这里有几个问题。

主要问题是初始化播放器的脚本中的querySelector返回null,因为脚本在DOM就绪之前运行。将此脚本移动到正文底部以解决此问题,或者确保脚本在DOM就绪时运行,而不是立即运行。

第二个问题是,无法将源设置为短划线清单并进行视频播放,因为大多数浏览器(Edge除外)都无法进行本机短划线播放。如果是的话,你就不需要dash了。js。删除 src 和 type 属性,并设置 url 上述初始化脚本中的变量转换为清单url。

跟随 https://github.com/Dash-Industry-Forum/dash.js/#standard-setup 获取完整说明。还有一个超级简单的版本,您无需编写任何代码: https://github.com/Dash-Industry-Forum/dash.js/#quick-start-for-users 。

推荐文章

Nora PÄ« · 统一问题在2d精灵后面排序立方体

1 年前

K'man Amuda Jr. · React-Hook useEffect接收到依赖项未知的函数。传递内联函数,而不是1个警告

2 年前

bcg · 使用Javascript从视频文件中提取地理标记

6 年前

abagshaw · OpenCV从url加载视频

6 年前

Marvin von Rappard · 剪切多个视频的结尾

6 年前

Alexander Tumin · 如何在碎片化MP4中正确采样h264 NAL单元

6 年前