使用HTML 5進行直播視頻流？

Question

我想製作直播視頻流。例如有討論。有人正在錄製它。我希望視頻記錄出現在我的網頁上。我想用HTML 5來做到這一點。我不知道這是否可能，但有人嘗試過？ 預先感謝您！

Answer 1

A few browsers可以在HTML5 <video>標籤

<video src="http://example.com/stream.m3u8"> 

你應該建回退爲其他的顯示HTTP流吧... 查看這個答案過於：https://stackoverflow.com/a/22001830/2874523

Answer 2

我不會」 t推薦使用你自己的服務器，除非你有

• 小衆

  或

• 一個真正擦亮了服務器

爲什麼？

由於Web服務器和Web託管工作人員可能無法獲得最佳體驗。有了這個說法，我建議使用Youtube，然後嵌入說你明天安排一個實時流，好在你上線前10分鐘我會創建實時流頁面並嵌入視頻，而它仍然可以使用你的一些託管資源仍然會在您的網站上。

至於響應速度，我相信如果您使用YouTube嵌入（使用Iframes），它是非常敏感的。只要確保設置了視圖端口或使用媒體查詢。

Answer 3

爲了生成具有高質量體驗的現場直播流，我建議使用自適應流媒體技術，如MPEG-DASH或HLS。

利用Youtube的直播功能絕對是一個（不錯的）選項。如果您更喜歡更可控的解決方案，則可以使用實時流媒體服務，如Wowza或Bitmovin，它們提供編碼以及基於HTML5的播放解決方案。

Answer 4

對不起，我的問題還不夠清楚。我正在考慮使用HTML 5和JS代替Flash和其他軟件產品。我在這裏找到了我的解決方案：https://davidwalsh.name/browser-camera和here：http://recordrtc.org/。感謝大家的幫助！

Answer 5

您需要一箇中介服務器，如flashphoner。在這裏，您可以使用網關軟件直接閱讀到YouTube的文章how to stream video from HTML5頁面。

長話短說，您必須將您的HTML5（WebRTC）流轉換爲Youtube Live可接受的RTMP流。