使用vlc流式傳輸mp4到html瀏覽器

我在將我的網絡攝像頭圖片（沒有聲音）流式傳輸到html頁面時出現問題。我使用的是流媒體的最新（適用於Windows V2.0.2 VLC），這裏的命令行：使用vlc流式傳輸mp4到html瀏覽器

"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範例看，是，有網絡流量，流被下載，但沒有顯示。

來源

2012-07-02 balazs

你有沒有得到這個問題解決了嗎？我有類似的問題，並希望知道你是如何解決它的。 – crashwap

@cssyphus不，我沒有，但如果你能夠，請不要忘記回答這個問題。 :) – balazs

@balazs我有完全相同的問題，但我沒有在這個頁面上找到答案。有沒有進展？ – AlanObject

嘗試加入視頻的類型（TYPE = 「視頻/ 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>

來源

2012-07-02 15:36:29 Entrabiter

不幸的是它並沒有幫助。 – balazs

如果這不起作用，你可以嘗試將其轉換爲ogg視頻。 vlc也可以做到這一點，它的html5視頻 – Entrabiter

看起來像我的chrome，我的應用程序/八位字節流。我不認爲它會出現，除非它認爲它是一個視頻/ MP4。您可以轉到VLC的高級首選項，並在HTML流選項中將MIME類型設置爲video/mp4 – Entrabiter

你告訴VLC在TS格式mux=ts這是你的問題，以視頻流，需要在MP4

於MUX

來源

2013-06-25 17:11:23

mp4不是mux的有效選項（http://www.videolan.org/doc/streaming-howto/en/ch03.html）。 –

使用VLC

按照此鏈接參見輸出方法/複用器矩陣 http://www.videolan.org/streaming-features.html

不能發送的mp4 over HTTP協議

但是，您可以嘗試將代碼轉換爲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"/>

來源

2014-03-19 19:04:52 Martin

是否可以提供一個rtmp流到-I輸入，而不是網絡攝像頭？ – astralmaster

謝謝，它適合我...... –

使用vlc流式傳輸mp4到html瀏覽器

回答

相關問題