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

如何设置DASH流?

mpeg-dash html5-video video-streaming networking video

Neywiny · 技术社区 · 6 年前

我一直在尝试设置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 回复 | 直到 6 年前

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 。

推荐文章

Francesco Cheinasso · NFTABLES:如何在POSTROUTING中进行DNAT

2 年前

Ian Newson · 协议缓冲区、C#和网络流:永远不会收到消息

2 年前

Evantoki Alfa · 线程“main”java中出现异常。lang.ArrayIndexOutOfBoundsException:演示时为0。查找。main(Lookup.java:19)

2 年前

isaac kiplagat · 在reac native中使用sectionlist/flatlist显示父级和两个子级的json数据

2 年前

ê¹ì¼í · 如何发送带有引号的关键数据的POST方法?

2 年前

TiDu · 使用EKS设置出口网关的最简单方法,无需Istio

2 年前

Nop · 无法关闭键盘中断(Python)上的套接字连接

2 年前

scoulomb · OpenShift路由可从PAAS外部访问,但不能从PAAS内部的客户端访问

6 年前

Aaron Bratcher · 如何判断URL请求中的数据何时开始到达?

6 年前

Joe N · 您可以使用python套接字进行docker容器通信吗?

6 年前