Визуализировать потоки mjpeg-over-http в браузере с помощью html5

Question

Хорошо, у меня есть сервер, который обслуживает поток motion-jpeg поверх http. То, что я хотел бы сделать, это подключиться к серверу и визуализировать поток в браузере, предпочтительно внутри элемента canvas. Браузер должен быть Safari Mobile.

Можно ли взять поток с XMLHttpRequest, извлечь одиночные изображения JPEG и поместить их в элемент canvas? Имейте в виду, что поток жив, и, возможно, бесконечен.

Answer 1

iOS mobile Safari поддерживает MJPEG изначально по http. Есть ли конкретная причина, в которой вы нуждаетесь в Canvas? см http://bridgecam2.halton.gov.uk/mjpg/video.mjpg?camera=1 на Ipad/Iphone

Answer 2

Извините возродить старую тему, но я столкнулся с этой проблемой, и я не хотел, чтобы использовать другой игрок только родную html5

Я нашел один способ отображения видео внутри html5 с атрибутом «плакат»

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

Возможно, не так, как вы ожидали, но оно работает.