使用html5在浏览器中可视化mjpeg-over-http流

时间:2012-03-06 15:34:50

标签: html5 canvas mobile-safari jpeg mjpeg

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

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

2 个答案:

答案 0 :(得分:11)

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

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

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

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

答案 1 :(得分:2)

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