当前第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预览pdf格式的文档
如何用HTML5中的canvas绘制渐变矩形
巧用HTML5给按钮背景设计不同的动画
HTML5联合canvas实现图片压缩
html如何实现播放和暂停
HTML5的data-*自定义属性是什么
HTML5实现调用摄像头并拍照功能
介绍HTML5语义元素实例
利用HTML5 从视频中捕获静止图像实例代码
全面解析HTML5的文档结构和新增标签
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML5新特性之WebRTC详解