Shaka 播放器无法在谷歌浏览器上加载 HLS

Question

我正在尝试在 shaka 播放器上加载 VOD。 这是我的网址：

https://5b48f8f32d3be.streamlock.net/023a27950bd44774/mp4:22436e792e8b42de_HD.0.mp4/playlist.m3u8

---

我一直在控制台中收到 4032 错误，我已经搜索了一些相关信息。在 shaka 文档中，4032 错误被称为 CONTENT_UNSUPPORTED_BY_BROWSER。但是当我在 shaka 播放器测试 URL 上测试我的 URL 时，一切正常。

https://shaka-player-demo.appspot.com/demo/#asset=https://storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd;lang=zh-CN ;build=未编译

如果我的浏览器有问题，它也不应该在测试 URL 上播放。 我应该怎么做才能支持 shaka HLS？

Answer 1

很多 HLS 内容都有 MPEG2-TS 流，许多浏览器不支持。为解决此问题，Shaka Player 支持将 TS 转换为 MP4，以便浏览器可以播放。这是使用 mux.js 库完成的。在加载 Shaka Player 之前，需要在单独的脚本标签中加载此库。例如，这是 Shaka Player demo 是如何做到的。

Answer 2

在index.html文件中添加这两个文件。

这应该能够将 MPEG2-TS 流传输到 MP4，以便它们可以在不支持它的浏览器中播放。

并使用 const shaka = require("shaka-player/dist/shaka-player.ui.js");图书馆。