如何在HTML5中直播視頻？

我正在尋找一種方法來播放從網絡攝像機或攝像機獲取的實時視頻，該視頻源於PC。廣播應該使用標籤（它支持rtp和rtsp我認爲）顯示在HTML5頁面中。如何在HTML5中直播視頻？

查看流的用戶不應該安裝任何插件或視頻播放器，如QuickTime。

我需要的視頻在MP4格式，如：RTSP：//www.mywebsite/streaming/video.mp4

這將是我把作爲HTML 5視頻的src鏈接標籤。

所以我想知道是否有可能，我有什麼選擇做這種事情。

來源

2011-04-11 user702470

子集http://stackoverflow.com/questions/1735933/streaming-via-rtsp-or-rtp-in-html5 – 2016-02-23 17:09:55

這是可能的。但是如果您正在尋找跨瀏覽器支持，您將遇到嚴重問題。你可以做的是向支持它的瀏覽器提供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>

另見：Streaming via RTSP or RTP in HTML5

來源

2011-04-11 15:50:26

跨瀏覽器問題不會是一個問題，因爲我只需要支持IE9。我已經閱讀過你發給我的鏈接，但是對於如何將我的流發送到服務器我沒有覺得它非常有用。你知道一步一步的指南，顯示如何記錄流，將其發送到服務器，然後如何獲得實時流的rtp路徑（這將是我的視頻標籤中的src） – user702470 2011-04-11 15:53:15

然後你應該對於普通的H.264流沒有任何問題。 – 2011-04-11 15:58:27

是的，我已經找到了大部分關於支持文件格式的信息和類似的東西。但我確實需要服務器端的幫助：如何從我的攝像頭流到服務器，如何檢索路徑以在html 5視頻標籤中顯示它。目前爲止我在流媒體服務器上發現的一些公司提供了在Flash服務器流式傳輸上的流式傳輸（這不是我所需要的）它必須在視頻標記中實時傳輸流，而不使用Flash或QuickTime插件 – user702470 2011-04-11 16:02:11

我不認爲這是現在可以「欺騙」的HTML5瀏覽器的實時視頻流封裝到一個名爲」 .mp4" 的文件。我相信HTML5會在不久的將來考慮現場視頻支持。你可以做的只是等待。 :)

來源

2012-01-13 04:01:01 ciphor

最大的兼容性，這裏是我們的視頻工作流程是什麼樣子，請使用H.264基線視頻和AAC「低複雜度」的音頻在MP4容器&請使用WebM的另一個版本一個版本（VP8 + Vorbis）或Theora視頻和Vorbis音頻放入Ogg容器中。我認爲這種組合可以解決您在大多數瀏覽器上播放的問題&。您應該至少要求兩個版本的視頻才能在所有瀏覽器中播放。

來源

2015-04-30 10:15:24 pg200890

如何在HTML5中直播視頻？

回答

相關問題