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

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

4 голосов
/ 06 марта 2012

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

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

Ответы [ 2 ]

11 голосов
/ 19 марта 2013

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

Я нашел один способ отобразить видео внутри html5 с атрибутом "poster" 

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

Может быть не так, как вы ожидали, но это работает.

2 голосов
/ 29 марта 2012

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

...