Question

好吧，我有一台服务器通过http提供motion-jpeg流。我希望能够做的是连接到服务器并在浏览器中可视化流，最好是在canvas元素内。浏览器应该是Safari Mobile。

是否可以使用XMLHttpRequest获取流，将单个JPEG图像取出并将它们放在canvas元素中？请记住，流是直播的，因此可能是无穷无尽的。

Answer 1

很抱歉重振一个旧话题，但我遇到了这个问题，我不想使用其他播放器只是本机html5

我找到了一种在html5中使用“poster”属性显示视频的方法

<video width="360" height="420" controls poster="/video" autoplay>
        <source src="/audio.ogg" type="audio/ogg" />
</video>

可能不是你所期望的但它有效。

Answer 2

iOs移动版Safari通过http本地支持MJPEG。在Canvas中你需要它的具体原因吗？在ipad / iphone上查看http://bridgecam2.halton.gov.uk/mjpg/video.mjpg?camera=1