it-swarm.com.ru

Потоковое 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 я вижу, что есть сетевой трафик, поток загружается, но ничего не отображается.

18
balazs

Вы не можете передавать mp4 по протоколу http, используя VLC

Перейдите по этой ссылке, чтобы увидеть метод вывода/матрицу muxer 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"/>
17
Martin

попробуйте добавить тип видео (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>
3
Entrabiter

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

1
Daniel Hill

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

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

Больше на Вот ссылка

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

0
alba