WebRTC在瀏覽器中的演示

langeldep發表於2013-04-11
Web瀏覽器

WebRTC在chrome瀏覽器裡演示的例子很多， WebRTC的原始碼裡就有，但是在Firefox瀏覽器裡，例子不能使用， 網上的資料說要把 media.peerconnection.enabled 設定為True， 但是Firefox瀏覽器裡，預設該值就是為True，用WebRTC的例子在Firefox上還是無法採集本地視訊。

下面是在網上找到的例子：

Firefox 下演示 webrtc的網址 ：http://conversat.io/

最關鍵的是 SimpleWebRTC.js這個指令碼。


SimpleWebRTC.js 封裝了 WebRTC 技術的 JavaScript ，幫你簡化 WebRTC 應用開發。

示例程式碼：

1 var webrtc =new WebRTC({
2     // the id/element dom element that will hold "our" video
3     localVideoEl:'localVideo',
4     // the id/element dom element that will hold remote videos
5     remoteVideosEl:'remotesVideos',
6     // immediately ask for camera access
7     autoRequestMedia:true
8 });


Conversat.io是一個語音群聊應用。你只需要使用支援WebRTC的瀏覽器登陸網站，建立一個聊天室，然後你就可以和最多6個人一起視訊聊天——無需登陸，無需其他服務，只有視訊聊天。

目 前，只有兩種瀏覽器支援WebRTC元件執行conversat.io，Chrome和Firefox的Nightly版本（你需要前往Firefox的 about:config啟用media.peerconnection.enabled個性化設定，其實不需要，預設該選項已經是true了）conversat.io是一個非常酷的演 示，WebRTC處於起步階段，有時應用比較棘手，因此，後來引進了新的庫。

正如Henrik Joreteg在Hacks部落格上寫的，“conversat.io的目的有兩個，一個是重要的交流工具……其次，他是一個SimpleWebRTC.js庫和小信令伺服器執行的演示，signelmaster。”

作為WebRTC的部分包裝，這兩個工具，旨在簡化WebRTC應用的編寫過程——如WebRTC的jQuery。兩個庫都是開源的（MIT授權）並且在GitHub上不斷的完善和進化。

如果你想多瞭解SimpleWebRTC和signalmaster，並且看更多的程式碼，更多內容請看Mozilla Hacks部落格。

如果有了數以百萬計的八核乃至更多核的移動裝置，我們能做些什麼？不如考慮一下WebRTC，這個技術能夠真正在瀏覽器中實現點對點。大家不妨看看PeerJS以及SimpleWebRTC.js。在我看來，我們似乎可以將昂貴的後端伺服器拋在一邊，認真探索一套利用移動裝置合作所構成的可持續發展計算模型。

相關文章