如何在 Electron 中显示 RTSP 流？

Question

我有一个使用 UDP 协议的视频流，可通过 rtp://ipadd:port 或 udp://@:port 访问。我完全无法控制服务器，因此我无法将其更改为通过 WebSocket 提供流或即时将其转码为兼容格式。

我想在 Electron 应用程序中显示流，但是我从 Google 搜索中找到的所有资源都告诉我，我希望完成的任务需要我使用 webchimera.js 之类的东西来组合一个不受欢迎的 hacky 解决方案，因为例子。

我尝试按照this answer, 将URL 放入<video> 标记中，但Electron 说udp 和rtp URL 方案无法识别。我还尝试了require('child_process').exec 与ffplay 的静态构建，它可以工作，但它在整个单独的窗口上显示流，这不是我想要的。 ActiveX、NPAPI 和其他插件解决方案不是一个选项，因为 Electron 不支持它们。

是我运气不好，还是我还没有找到解决方案？

Answer 1

通过查看其他人的代码的页面和页面来弄清楚。

显然，我对 WebSockets 的最初理解是不正确的——在我的情况下，我不需要更改服务器端即可使用 WebSockets。

我必须使用 ffmpeg Node.js 包装器将 Electron 中的流转码为 MPEG2，该包装器将视频发送到 Express 服务器实例，然后该服务器实例在由 jsmpeg 呈现的静态网页中提供视频。然后，静态网页在 Electron 应用程序主页面中显示为 IFrame。

生成的流比使用ffplay 播放原始 UDP 流时看到的视觉伪影要多得多，这种方法可能会引入很多延迟，但它足以满足我的需求。