streaming - 显示MJPEG流的跨浏览器解决方案

Question

是否有一种轻量级、免费且可靠的方式在跨浏览器环境中显示 MJPEG？我正在尝试显示来自 Axis 2120 的 MJPEG 流我正在开发的网站上有 IP 摄像头，我发现这在当前版本的 Firefox 中非常可靠。然而，经过一些测试，我发现 IE、Opera 和 Chrome 在执行此操作时都存在不同程度的问题(无法访问 Mac，所以我不确定 Safari)。 Internet Explorer 不支持 MJPEG，根本无法工作。在发送初始 GET 后，Opera 实际上需要 10-15 秒才能显示任何内容。 Chrome 可以完美运行，直到 <div>包含 <img>标签被隐藏然后再次显示。

作为引用，我正在使用<img>标签来显示流，如下所示:

<img src="http://my.ip.addr/axis-cgi/mjpg/video.cgi/?resolution=352x240" alt="real-time video feed" />

我考虑过使用 re-broadcasting server收集 MJPEG 流并对其进行即时转码，但这个解决方案看起来太丑陋了。还有更好的建议吗？

Answer 1

几个月前我刚刚提出了一个解决方案。它是跨平台的，不需要Flash或Java等第三方插件。

基本上，它是一个 node.js 代理，可以解析 m-jpeg 边界并以定义的时间间隔传送图像。

在 https://github.com/rodowi/Paparazzo.js fork 它