web-dev-qa-db-ja.com

VLCを使用したmp4のHTMLブラウザへのストリーミング

Webページの画像（音声なし）をHTMLページにストリーミングするのに問題があります。ストリーミングには最新（Windows用v2.0.2 vlc）を使用しています。コマンドラインは次のとおりです。

"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）でストリームを開くと、ストリームを見ることができますが、Webページに埋め込むと、何も表示されません！コードは次のとおりです。

<!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-streaminghtml5-videovlc
18
balazs

VLCを使用してhttpプロトコルでmp4を送信することはできません

このリンクに従って、出力メソッド/マルチプレクサマトリックスを確認してください 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"/>
16
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

ライブストリーミングの場合は、次を使用する必要があります

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

詳細はこちら リンク ！

注：動画タイプは「ogg」のみです。

1
alba

vLCにTS形式でストリーミングするよう指示していますmux=tsこれはあなたの問題です。mp4でmuxする必要があります

1
Daniel Hill