带有 MPEG DASH 的 JwPlayer

Posted 2023-03-07

【中文标题】带有 MPEG DASH 的 JwPlayer

【英文标题】：JwPlayer with MPEG DASH

【发布时间】：2015-08-03 13:20:30

【问题描述】：

我正在尝试让具有 mpeg dash 支持的 jwplayer 工作，但我遇到了一些麻烦。

页面加载时遇到以下错误：

加载播放器时出错：找不到可播放的源。

jwplayer播放器代码如下：

<script type="text/javascript">
      var playerInstance = jwplayer("myElement");

      playerInstance.setup(
      file: 'http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd',
      dash: true,
      width: 640,
      height: 360
   );
</script>

如果有任何反馈可以帮助我解决此问题，我将不胜感激。

【问题讨论】：

您是否至少拥有高级 JW 许可证？ DASH 文件（jwplayershaka.js 和 provider.shaka.js）是否与 jwplayer.js 位于同一位置？

此外，DASH 目前仅适用于 Chrome 或 Edge。

是的，它们都在同一个目录中。我会用 Chrome 确认。我以为我也检查过 Chrome。是的，我们确实拥有高级许可证。

用 Chrome 验证，同样的错误。如果上面的 jwplayer 初始化脚本适用于你们中的任何一个，那么问题必须在我的 jwplayer 副本中。

其实更有可能是你的直播有问题。 JW Player 文件只是文本/javascript，除非您尝试编辑它们，否则不太可能被破坏。

【参考方案1】：

你需要一个 div 来锚定播放器的位置：

<div id="myElement"></div>

使用您的脚本和上面提到的 div 元素，使用 JWPlayer7 对我来说效果很好：

<div id="myElement"></div><script type="text/javascript">var playerInstance = jwplayer("myElement");playerInstance.setup(file: 'http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd',dash: true,width: 640,height: 360);</script>

【参考方案2】：

我尝试使用由 JWPlayer 自己提供和托管的在线 JWPlayer test player 在 Chrome Canary 浏览器中播放 DASH 流 (http://yt-dash-mse-test.commondatastorage.googleapis.com/media/car-20120827-manifest.mpd)，并且流确实对我有用，没有任何问题。