Как транслировать живое видео в HTML5? - PullRequest
Новая
       61

Как транслировать живое видео в HTML5?

15 голосов
/ 11 апреля 2011

Я ищу способ транслировать живое видео, снятое с веб-камеры или камеры, подключенной к ПК. Трансляция должна отображаться на странице HTML5 с использованием тега (который поддерживает rtp и rtsp, я думаю).

Пользователь, просматривающий поток, не должен устанавливать какой-либо плагин или видеоплеер, например QuickTime.

Мне нужно, чтобы видео было в формате mp4, например: rtsp: //www.mywebsite/streaming/video.mp4

Это будет ссылка, которую я бы поставил в качестве источника видео тега html 5.

Так что я хотел бы знать, если это возможно, какие у меня есть варианты сделать такие вещи.

Ответы [ 3 ]

2 голосов
/ 11 апреля 2011

Это возможно. Но у вас будут большие проблемы, если вы ищете кросс-браузерную поддержку. Что вы можете сделать, это предложить HTML5-видео браузерам, поддерживающим его, а затем предложить QuickTime для браузеров, не поддерживающих его. 

<video src="stream.mp4">

    <!-- Don't support <video> -->
    <object>
        <param name="src" value="video.mp4" />
        
    <param name="autoplay" value="true" />
        
    <param name="type" value="video/quicktime" height="256" width="320" />
        
    
    <embed src="video.mp4" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" />
    </object>

</video>

Также см .: Потоковая передача по RTSP или RTP в HTML5

1 голос
/ 13 января 2012

Я не думаю, что теперь возможно "обмануть" браузер HTML5 для инкапсуляции потока живого видео в файл ".mp4".Я верю, что HTML5 рассмотрит поддержку живого видео в ближайшем будущем.Что вы можете сделать, это просто подождать.:)

0 голосов
/ 30 апреля 2015

Для максимальной совместимости, вот как будет выглядеть наш рабочий процесс видео: создайте одну версию, которая использует базовое видео H.264 и аудио AAC «низкой сложности» в контейнере MP4, и сделайте другую версию, которая использует WebM (VP8 + Vorbis) илиВидео Theora и аудио Vorbis в контейнере Ogg.Я думаю, что эта комбинация решает вашу проблему, и она играет на большинстве браузеров.Для воспроизведения во всех браузерах вам необходимо иметь как минимум две версии видео.

...