电视亭上有多个 HTML5 个视频

Question

我正在使用 electron.js 构建一个应用程序，该应用程序 运行 是本地网络上的套接字服务器。

想法是套接字服务器向连接的客户端发送消息，以在智能电视的浏览器中动态加载多个 html5 视频。

视频是小型演示视频，需要自动循环播放。

一台设备上最多可以同时播放 12 个视频。

我遇到的问题是无法流畅播放视频或无法播放所有视频。

我已经尝试了以下 12 个视频：

• 原生智能电视浏览器。结果：只播放了3个视频，播放正常
• Raspberry Pi 上的 Chormium 浏览器 3. 结果：可以播放所有 12 个视频，但播放时断断续续。强制硬件加速会使浏览器崩溃
• Chrome 四核 Android 盒子上的浏览器。结果：只能播放6个视频，播放效果不错
• Android Box 上的 ionic cordova 应用程序。结果：只能播放6个视频，播放效果不错
• react-native 应用在 Android 盒子上。结果：只能播放6个视频，播放效果不错

我的问题是，我的局限性或可能的解决方案是什么？

我是否受到硬件限制，或者我可以在我的应用程序构建中做些什么来解决问题？

值得指出的是，在我的桌面 chrome 浏览器上，所有 12 个视频都可以正常播放，但这对我来说不是一个选项，因为它们需要 运行 在电视上。

编辑：值得一提的是我用的是mp4视频

Answer 1

我会自己回答这个问题，以帮助遇到同样问题的其他人。

我最终安装了 ffmpeg 和编码的 webm 视频而不是 mp4，并且可以播放所有 12 个视频。

然后通过降低比特率，我能够以可接受的质量在迷你电脑上同时播放所有 12 个视频。