2013-01-24 66 views
8

我試圖讓我的頭繞着WebRTC。我需要能夠通過網絡瀏覽器捕捉和傳輸實況音頻。WebRTC Live Audio Streaming/Broadcast

我只是很難找到我可以理解或是最新的代碼示例。如果任何人都可以在HTML5/WebRTC的同一個瀏覽器中首次捕獲和播放音頻,我認爲這將幫助我開始並沿着我的方式。

注意:我只關心讓Chrome在這方面工作(或者Chrome Canary)。

感謝您的幫助!

回答

12

HTML5 Rocks article on WebRTC可能是最好的介紹文章,可以用通俗的術語來解釋所有的東西。

對於簡單的捕捉本地視頻/音頻,您需要關注MediaStream API(即getUserMedia)。一旦你得到了這個工作,那麼你需要開始研究RTCPeerConnection API。

RTCPeerConnection API的客戶端代碼非常簡單,但信號所需的服務器端代碼(即建立點對點連接)可能會非常棘手。

我最終編寫了自己的PHP服務器端解決方案,但這樣做讓我花了大約三週的時間把我的頭撞到牆上(即試圖破譯WebSocket specs)以使其正常工作。 如果你想看到實際的代碼,我可以發佈我的一些工作代碼。

如果您面臨挑戰,我建議您自己編寫服務器端腳本,但除此之外,我會考慮像Socket.IO這樣的WebSocket庫,它會爲您做所有棘手的服務器端內容。

+1

我也喜歡HTML5 Rocks文章;)。 (如果有任何不清楚,不正確或無意義的地方,請添加評論。)我還在http://docs.webplatform.org/wiki/tutorials/webrtc_resources上維護了WebRTC資源指南。最重要的是,通過簡單的W3C RTCPeerConnection示例的HTML5 Rocks演練來了解信號與媒體/數據通信的關係。在服務器端,您可能想要使用帶有WebSocket的Node.js,正如HartleySan所建議的那樣使用Socket.IO。 –

+0

@Sam Dutton,感謝您撰寫該文章。在我閱讀你的文章之前,我甚至不知道WebRTC是一個現實。最讓我困惑的是信號。我認爲關於這方面的更多信息會有幫助。謝謝。 – HartleySan

+0

謝謝@HartleySan。我上個月更新了這篇文章,所以還有更多關於信號的問題,但我會盡力提供更多信息。 –