WebRTC在浏览器中的演示

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。在我看来,我们似乎可以将昂贵的后端服务器抛在一边,认真探索一套利用移动设备合作所构成的可持续发展计算模型。

你可能感兴趣的:(WebRTC在浏览器中的演示)