HTML5新特性之WebRTC详解


当前第2页 返回上一页

RTCPeerConnection带有浏览器前缀,Chrome浏览器中为webkitRTCPeerConnection,Firefox浏览器中为mozRTCPeerConnection。Google维护一个函数库adapter.js,用来抽像掉浏览器之间的差异。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

var dataChannelOptions = {

  ordered: false, // do not guarantee order

  maxRetransmitTime: 3000, // in milliseconds};

  var peerConnection = new RTCPeerConnection();

  // Establish your peer connection using your signaling channel herevar dataChannel =

  peerConnection.createDataChannel("myLabel", dataChannelOptions);

 

dataChannel.onerror = function (error) {

  console.log("Data Channel Error:", error);

};

 

dataChannel.onmessage = function (event) {

  console.log("Got Data Channel Message:", event.data);

};

 

dataChannel.onopen = function () {

  dataChannel.send("Hello World!");

};

 

dataChannel.onclose = function () {

  console.log("The Data Channel is Closed");

};

4、参考链接

[1] Andi Smith, Get Started with WebRTC

[2] Thibault Imbert, From microphone to .WAV with: getUserMedia and Web Audio

[3] Ian Devlin, Using the getUserMedia API with the HTML5 video and canvas elements

[4] Eric Bidelman, Capturing Audio & Video in HTML5

[5] Sam Dutton, Getting Started with WebRTC

[6] Dan Ristic, WebRTC data channels

[7] Ruanyf, WebRTC

以上就是HTML5新特性之WebRTC详解的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

详解h5非常重要的28个新特性,新技巧和新技术

微信端HTML5页面如何调用分享接口

HTML5实现分层屏幕适配

如何使用h5的dataset

HTML5新增标签有哪些

如何解决HTML5微信播放全屏问题

HTML5新增了哪些标签

HTML5移动端-viewport的详解

了解什么是HTML5

如何区别HTML5离线存储和本地缓存实例详解

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...