在瀏覽器中使用html5可視化mjpeg-over-http流

好的，我有一臺服務器通過HTTP爲motion-jpeg流提供服務。我希望能夠做的是連接到服務器，並在瀏覽器中可視化流，最好在canvas元素內。瀏覽器應該是Safari Mobile。在瀏覽器中使用html5可視化mjpeg-over-http流

是否有可能採取與XMLHttpRequest流，取出單個JPEG圖像，並把它們放在一個canvas元素？請記住，該流是活的，因此可能是無限的。

iOs mobile Safari通過http本地支持MJPEG。在Canvas中是否有特定的原因需要它？看到http://bridgecam2.halton.gov.uk/mjpg/video.mjpg?camera=1在iPad/iPhone的

2012-03-28 23:24:39 placeboaddict

此示例不再起作用，至少不在iOS6.1.3上 – Torchify 2013-08-22 18:19:06

也不適用於iOS 7.0.2 – 2013-10-21 21:00:44

對不起恢復一個老話題，但我面臨着這個問題，我沒有想使用其他球員只是原生HTML5

我發現顯示屏內的視頻的一種方式具有「海報」屬性的html5

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

可能不是你所期望的，但它的工作原理。

2013-03-19 05:16:14 Daniel

此答案需要一些認真的讚揚。經過幾個小時的搜索解決了我的問題。我正在顯示來自trendnet ipcam的mjpg流。響應頭告訴我，我的內容類型是multipart/x-mixed-replace。這像一個魅力 – 2013-10-21 04:47:49

回答