Потоковая передача mp4 с vlc в html браузер

У меня проблемы с потоковой передачей изображения с веб-камеры (без звука) на html-страницу. Я использую последнюю версию (v2.0.2 vlc для Windows) для потоковой передачи, вот командная строка:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" -I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" --dshow-adev=none --dshow-caching=0 --sout=#transcode{vcodec=h264,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{mux=ts,dst=:8080/webcam.mp4}

когда я открываю поток в другом проигрывателе vlc (http://127.0.0.1:8080/webcam.mp4), я могу смотреть поток, но когда я пытаюсь встроить его на веб-страницу, я ничего не вижу! вот код:

<!DOCTYPE html>
<html>
  <head>
    <title>Video Test</title>
  </head>
  <body>
    <video id="video" class="projekktor" autoplay="autoplay" width="300px" preload="metadata">  
      <source src="http://127.0.0.1:8080/webcam.mp4" />
            Your browser doesn't appear to support the HTML5 <code>&lt;video&gt;</code> element.  
    </video>
  </body>
</html>

Чем я пытаюсь открыть его в браузере, например:

file:///C:/videostreaming/video.html

В примере с Chrome я вижу, что есть сетевой трафик, поток загружается, но ничего не отображается.


video-streaming html5-video vlc
person balazs    schedule 02.07.2012    source источник
comment
Вы когда-нибудь решали эту проблему? У меня похожая проблема и хотелось бы узнать как вы ее решили.   -  person crashwap    schedule 06.12.2012
comment
@cssyphus Нет, не пробовал, но если сможешь, не забудь ответить на этот вопрос. :)   -  person balazs    schedule 07.12.2012
comment
@balazs У меня точно такая же проблема, но я не нашел ответа на этой странице. Есть ли прогресс?   -  person AlanObject    schedule 23.02.2014

Ответы (4)


arrow_upward
18
arrow_downward

Вы не можете передавать mp4 по протоколу http с помощью VLC

Перейдите по этой ссылке, чтобы просмотреть матрицу метода вывода / мультиплексора http://www.videolan.org/streaming-features.html

Однако вы можете попробовать перекодировать в ogg.

Попробуй это:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" \
-I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" \
--dshow-adev=none --dshow-caching=0 \
--sout=#transcode{vcodec=theo,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{dst=:8080/webcam.ogg}

и в вашем теге видео html:

<source src="http://127.0.0.1:8080/webcam.ogg"/>
person Martin    schedule 19.03.2014
comment
Можно ли передать поток rtmp на вход -I вместо веб-камеры? - person astralmaster; 11.08.2015

arrow_upward
3
arrow_downward

попробуйте добавить тип видео (type="video/mp4"):

<video width="320" height="240" controls="controls">
      <source src="movie.mp4" type="video/mp4" />
      <source src="movie.ogg" type="video/ogg" />
      Your browser does not support the video tag.
    </video>
person Entrabiter    schedule 02.07.2012
comment
к сожалению, это не помогает. - person balazs; 02.07.2012
comment
если это не сработает, вы можете попробовать преобразовать его в видео ogg. vlc также делает это, и его видео в формате html5 - person Entrabiter; 02.07.2012
comment
похоже, из моего хрома, что мой проходит как поток приложений / октетов. Я не думаю, что он появится, если он не увидит его как видео / mp4. вы можете перейти к расширенным настройкам VLC и в опции потоковой передачи HTML установить тип MIME на видео/mp4 - person Entrabiter; 02.07.2012
comment
установка типа MIME на видео/mp4 также не решает проблему. Когда я использую потоковую передачу с помощью theora (video/ogg), MIME также является потоком приложений/октетов, и это работает. Но хотелось бы потокового формата mp4. - person balazs; 03.07.2012

arrow_upward
1
arrow_downward

вы говорите VLC транслировать в формате TS mux=ts это ваша проблема, вам нужно мультиплексировать в mp4

person Daniel Hill    schedule 25.06.2013
comment
mp4 не является допустимым параметром для мультиплексора (videolan.org/doc/streaming -howto/en/ch03.html). - person Adorjan Princz; 30.12.2013

arrow_upward
1
arrow_downward

Для прямой трансляции вы должны использовать следующие

<video id="video" src="http://localhost:8181/stream" type="video/ogg; codecs=theora" autoplay="autoplay"/>

Подробнее здесь: ссылка!

Обратите внимание: видео только типа "ogg"!

person alba    schedule 11.08.2018