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

jan*_*nce 4 html5 jpeg canvas mobile-safari mjpeg

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

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

小智 12

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

我发现了一种在html5中用"poster"属性显示视频的方法

<video width="360" height="420" controls poster="/video" autoplay>
        <source src="/audio.ogg" type="audio/ogg" />
</video>
Run Code Online (Sandbox Code Playgroud)

可能不是你的预期,但它的工作原理.