Вывод изображения с IP-камеры на сайт (часть 3. Вывод MJPEG потока на HTML страницу)
После того, как мы, используя motion, получили MJPEG поток, самое время задуматься о его отображении на сайте.
Здесь ситуация неоднозначная. Первая проблема, которую пришлось решать заключалась в том, что не все браузеры умеют воспроизводить сырой поток MJPEG. Практика показала, что Netscape-based браузеры (Mozilla Firefox, Netscape Navigator) это умеют. Поэтому для них решение простое - вставляем в нужном месте код вроде этого:
<img src="http://ServerIP:8081/stream.mjpg" />
Должно работать.
Но и о владельцах остальных браузеров тоже нельзя забывать. В качестве решения я использую java-апплет Cambozola (http://www.charliemouse.com/code/cambozola/). Работает просто. Скачиваем архив с официального сайта, находим там файл cambozola.jar, (в папке /dist) и распаковываем его в ту же директорию, где расположена страница, на которой будет воспроизводиться поток. В саму страницу вставляем такой код:
<applet code="com.charliemouse.cambozola.Viewer" archive="/cambozola.jar" width="704" height="576">
<param name="url" value="http://10.0.3.124:8081/stream.mjpg">
</applet>
Работает у всех пользователей, на всех браузерах. Единственное требование - установленная Java RE. Поэтому я в своем скрипте смотрю, какой браузер у пользователя. Если это Mozilla, то вывожу сырой поток, если нет, то вывожу через апплет. Это позволяет охватить максимальное количество пользователей, у которых вещание будет работать.