Chrome 手机中的 MJPEG答案

【问题标题】：MJPEG in Chrome mobileChrome 手机中的 MJPEG
【发布时间】：2023-03-26 15:03:01
【问题描述】：

我有一个来自 IP-Camera 的流。它在 safari 和 opera mini 中运行良好，但在 chrome 上我什么也没有收到，或者如果直接打开流我得到这个：

要显示我使用此代码

<input width="320" type="image" height="240" border="0" id="Сamera" src="url">

【问题讨论】：

标签： html google-chrome mjpeg

【解决方案1】：

您可能遇到了 Chrome Issue 135337，其中直接提取的 MJPEG 图像无法动画化。

据报道，它已在版本 22 中得到修复。因此，您可以升级到该版本或更改代码以将图像嵌入 HTML 页面。例如，以下在 Chrome 21 中有效（即使没有发生任何事情，时间戳仍应递增）：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>
      Test MJPEG Animation
    </title>
  </head>
  <body>
    <h2>
      Test MJPEG Animation
    </h2>
    <img src="http://193.40.245.181/mjpg/video.mjpg">
  </body>
</html>

但是，只需将浏览器指向http://193.40.245.181/mjpg/video.mjpg 只会显示第一帧。

【讨论】：

【解决方案2】：

您也可以试试这个node.js proxy。它解析 m-jpeg 流并将图像传送到所有浏览器。

Cross-browser solution for displaying MJPEG stream

【讨论】：

据我所知，你是这个的作者？如果可以的话，你能给我编译好的js代码吗？它是否在 chrome mobile 上进行了测试？
@rodowi 我实际上正在进行一个带有一些 IP 摄像头的项目，如果你能联系我，也许我们可以进一步讨论