这是我在公司内部的一次分享,想要让小伙伴本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】对WebRTC都有所了解,并且可以上手去【版权所有,侵权必究】【本文受版权保护】做一个基于webrtc的应用。虽然几乎所【作者:唐霜】【未经授权禁止转载】有人都知道,webrtc是一个浏览器端内【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】置的点对点接口,甚至是准标准了。但是,到原创内容,盗版必究。【未经授权禁止转载】底怎么利用这一个已经不是新特性,但是很不转载请注明出处:www.tangshuang.net原创内容,盗版必究。幸的是,大家对这东西还是只停留在听说过,【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。怎么才能使用它呢?怎么利用webrtc作本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net出一个我们想要的p2p应用呢?这篇文章结【本文首发于唐霜的博客】未经授权,禁止复制转载。合我的分享,再加一些补充,把关于webr原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】tc入门的东西讲清楚。
未经授权,禁止复制转载。【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshu【未经授权禁止转载】【原创内容,转载请注明出处】ang.net【原创不易,请尊重版权】什么是WebRTC?
到底什么是WebRTC?其实这个问题并没【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】有三两句那么清除,要解释很多词。我总结起【本文受版权保护】本文版权归作者所有,未经授权不得转载。来,只能用一些侧面的,但是容易理解的内容著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】进行解释:
【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。【转载请注明来源】- 全称为Web Real-Time Com【版权所有】唐霜 www.tangshuang.net【转载请注明来源】munications,即web实时通讯 【版权所有,侵权必究】【本文受版权保护】
- Peer-to-peer,点对点 转载请注明出处:www.tangshua【版权所有,侵权必究】【版权所有,侵权必究】ng.net【版权所有,侵权必究】
- to capture and optio【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】nally stream audio a本文作者:唐霜,转载请注明出处。【未经授权禁止转载】nd/or video media, a转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】s well as to exchang【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。e arbitrary data bet【作者:唐霜】【访问 www.tangshuang.net 获取更多精彩内容】ween browsers 抓取用户的视本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net频或音频流,也可以传输任意数据类型,在浏原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】览器之间(between是两个之间的意思【原创不易,请尊重版权】【原创内容,转载请注明出处】,所以是说webrtc仅是两个之间的事,【版权所有,侵权必究】转载请注明出处:www.tangshuang.net没法整3个之间的事)。另外,还要注意“浏著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。览器”这个点,webrtc是浏览器内置的【作者:唐霜】【本文首发于唐霜的博客】,跟很多其他浏览器自带的接口,例如web转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】sql一样。但是实际上,webrtc的接【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】口完全独立出来,所以也不一定非得在浏览器【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net环境下,目前node、react-nat本文作者:唐霜,转载请注明出处。【转载请注明来源】ive都有对应的包使得它们支持使用web【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。rtc。 【本文首发于唐霜的博客】本文版权归作者所有,未经授权不得转载。
- without requiring an本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】 intermediary 不需要中间就【原创不易,请尊重版权】【版权所有】唐霜 www.tangshuang.net可以传输(忽悠吧) 本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】【本文首发于唐霜的博客】转载请注明出处:www.tangshua【原创内容,转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】ng.net
- without requiring th本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】at the user install 著作权归作者所有,禁止商业用途转载。【转载请注明来源】plug-ins or any othe【作者:唐霜】【本文首发于唐霜的博客】r third-party softwa【本文受版权保护】【关注微信公众号:wwwtangshuangnet】re 不需要插件或第三方软件 转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。ng.net【作者:唐霜】原创内容,盗版必究。【关注微信公众号:wwwtangshua【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netngnet】
这是从MDN上面抄来的解释,这里面有个坑,就是,we本文作者:唐霜,转载请注明出处。【未经授权禁止转载】brtc的初衷,是为了解决点对点的媒体传转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net输问题,从这个点考虑,视频通话这样的场景未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。是最适合的,没有之一。但是,我们还想把这【本文首发于唐霜的博客】【本文受版权保护】个事情整深入一点。不过,在这之前,我们必【原创不易,请尊重版权】原创内容,盗版必究。须了解,作为开发者,怎么一行一行,把这些【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net接口都使用起来。
原创内容,盗版必究。【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshu本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.netang.net历史和现状
作为一篇完整的文章,还是需要有一些废话把【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.netwebrtc的前世今生讲一下。讲到点对点【原创不易,请尊重版权】【本文受版权保护】媒体通讯技术,不得不讲到一家公司。201【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】1年的时候,Google 收购了GIPS本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。,它是一个为RTC开发出许多组件的一个公【原创不易,请尊重版权】未经授权,禁止复制转载。司,例如编解码和回声消除技术。Googl【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。e收购了它才一年,就在2012年开源了G著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。IPS开发的技术,开源的时候,就以Web转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】RTC作为开源技术的名称,并开始积极与相【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】关机构IET和W3C制定行业标准。
原创内容,盗版必究。【本文受版权保护】GIPS早就被很多公司购买使用,例如QQ著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。(如图)
【未经授权禁止转载】原创内容,盗版必究。未经授权,禁止复制转载。【作者:唐霜】
可以说这家公司开发了从早期开始,点对点媒【关注微信公众号:wwwtangshuangnet】转载请注明出处:www.tangshuang.net体通讯领域最可靠的技术,被全球各家公司使【本文受版权保护】【作者:唐霜】用。因此,它们的技术不可言喻的属于顶级。【未经授权禁止转载】【关注微信公众号:wwwtangshuangnet】谷歌拿到它们的技术之后,就把它们开源了,【原创不易,请尊重版权】未经授权,禁止复制转载。可以说对于其他开发厂商而言真的是福音中的【原创不易,请尊重版权】【转载请注明来源】福音。而这个被开源出来的东西,就叫web本文作者:唐霜,转载请注明出处。原创内容,盗版必究。rtc。
著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshu【转载请注明来源】原创内容,盗版必究。ang.net【版权所有,侵权必究】【作者:唐霜】目前,webrtc已经得到了多个浏览器的【本文首发于唐霜的博客】【原创不易,请尊重版权】支持,主要是chrome、firefox著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。、opera,但是ie和safari还不【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。完全支持。如果想要做一款基于webrtc【版权所有,侵权必究】【本文首发于唐霜的博客】的应用,就必须在你的客户端里面去使用支持【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。webrtc的浏览器内核。不过幸运的是,原创内容,盗版必究。【本文受版权保护】node和react-native都已经本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。有人做了包,可以实现将webrtc集成到【原创不易,请尊重版权】【原创不易,请尊重版权】应用中,这样,基于electron和re【作者:唐霜】【关注微信公众号:wwwtangshuangnet】act-native的点对点应用就显得非转载请注明出处:www.tangshuang.net【未经授权禁止转载】常容易了。
著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshu未经授权,禁止复制转载。【转载请注明来源】ang.net原创内容,盗版必究。WebRTC的API
webrtc给了我们三个主要的api接口【原创内容,转载请注明出处】【原创不易,请尊重版权】,我们可以利用这三个接口创建完整的媒体传著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】输,甚至是任意数据的传输通道。
本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。【版权所有,侵权必究】- MediaStream (getUser原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。Media) 【访问 www.tangshuang.n本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。et 获取更多精彩内容】本文作者:唐霜,转载请注明出处。
- RTCPeerConnection 【转载请注明来源】【版权所有】唐霜 www.tangshu【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。ang.net原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。
- RTCDataChannel 【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshu转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。ang.net
MediaStream(getUserMedia)
MediaStream是获取用户媒体输入【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net信息的接口,比如设备的摄像头输入、麦克风【作者:唐霜】【版权所有,侵权必究】输入等,将来可能还支持其他类型的设备输入【关注微信公众号:wwwtangshuangnet】【未经授权禁止转载】,不过目前而言,主要就是这两个。在获取到【转载请注明来源】未经授权,禁止复制转载。这些输入之后,它以“流”(stream)【本文首发于唐霜的博客】【版权所有,侵权必究】的形式返回给程序代码使用,而“流”又由“【作者:唐霜】未经授权,禁止复制转载。轨”组成,比如音轨和视轨。获得这些流之后原创内容,盗版必究。【本文受版权保护】,直接把它塞到html里面的一个vide【未经授权禁止转载】原创内容,盗版必究。o或audio标签上,就可以看到或听到输本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】入的内容了。传送给peer连接的另外一端【版权所有,侵权必究】转载请注明出处:www.tangshuang.net时,也是要把流传过去,不过现在已经改成了【未经授权禁止转载】【转载请注明来源】传轨。
未经授权,禁止复制转载。【版权所有】唐霜 www.tangshu本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】ang.net转载请注明出处:www.tangshua【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。ng.net我们用代码来实现:
原创内容,盗版必究。本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】【原创内容,转载请注明出处】navigator.mediaDevices.getUserMedia({
audio: true,
video: true,
}).then((stream) => {
let video = document.querySelector('#video')
video.srcObject = stream
video.onloadedmetadata = () => video.play()
})
在html里面放一个video#vide【本文首发于唐霜的博客】本文版权归作者所有,未经授权不得转载。o,就可以把摄像头和麦克风的stream转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】塞给它,看到自己的影像了。
【本文受版权保护】【版权所有】唐霜 www.tangshu【作者:唐霜】著作权归作者所有,禁止商业用途转载。ang.net本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】RTCPeerConnection
这个接口主要用于创建一个peer实例,得【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】到这个实例之后,利用这个实例的各种方法,【未经授权禁止转载】未经授权,禁止复制转载。创建出真实的peer to peer连接转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.net。这个过程里面需要了解STUN、TURN【版权所有】唐霜 www.tangshuang.net【本文受版权保护】协议,ICE框架,Signaling服务转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】,SDP等知识,这我会在下文讲。
未经授权,禁止复制转载。【原创不易,请尊重版权】创建peer实例
let peer = new RTCPeerConnection(servers)
听上去,p2p挺方便的,但是并不是一个简本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。单的创建过程。要建立一个peer-to-【未经授权禁止转载】【原创不易,请尊重版权】peer连接,可没想的那么容易,用一个n【原创内容,转载请注明出处】【本文首发于唐霜的博客】ew就可以建立?不可能的。要建立一个真正【关注微信公众号:wwwtangshuangnet】【作者:唐霜】的peer connection,需要用著作权归作者所有,禁止商业用途转载。【转载请注明来源】实例化出来的peer的方法进行一系列的操【原创不易,请尊重版权】转载请注明出处:www.tangshuang.net作。
【未经授权禁止转载】【作者:唐霜】原创内容,盗版必究。【关注微信公众号:wwwtangshua【转载请注明来源】【原创内容,转载请注明出处】ngnet】交换身份
peer.addIceCandidate(candidate)
这个用来把要建立连接的对方的网络信息加入【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。自己的本地。什么是对方的网络信息呢?就是【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】它的网络唯一识别地址,如果是普通的网络环著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.net境,我们用ip地址就可以标记它。
本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。但是,实际上的网络环境往往会是,clie【作者:唐霜】【访问 www.tangshuang.net 获取更多精彩内容】nt会隐藏在NAT网络背后。因此,要有一【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】种方法,从这种复杂的网络环境下,得到对方本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。peer的识别信息。怎么整呢?这个时候,【关注微信公众号:wwwtangshuangnet】【未经授权禁止转载】就要用到STUN协议,这个协议的作用,就【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】是要从NAT网络中,找出另一端在网络中可【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。以被正常访问到的网络路径。
【作者:唐霜】著作权归作者所有,禁止商业用途转载。可是,在一些极端情况下,STUN也无法搞著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。定,某些网络设备屏蔽了STUN的识别能力著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。。在这种情况下,只能采用另外一种办法来解【版权所有】唐霜 www.tangshuang.net转载请注明出处:www.tangshuang.net决两个peer之间的数据传输了,就是采用【转载请注明来源】【关注微信公众号:wwwtangshuangnet】TURN协议,实现一个媒体中转服务。所谓【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.net媒体中转,其实就是先把视频发送到服务器上本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。面,再由另外一个peer把它下载下来。
原创内容,盗版必究。原创内容,盗版必究。【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。上面这套方案被webrtc内置了,它采用转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。ICE框架来实现这套方案,作为开发者,要【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】做的是,告诉程序,你的STUN服务器信息未经授权,禁止复制转载。【原创内容,转载请注明出处】和TURN服务器地址和认证信息。也就是说原创内容,盗版必究。【本文受版权保护】,作为产品级架构,需要自己搭建STUN和转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。TURN服务器。
著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】【版权所有】唐霜 www.tangshu著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netang.net怎么把这些服务器信息传给webrtc呢?【本文受版权保护】本文作者:唐霜,转载请注明出处。就是在new RTCPeerConnec【版权所有,侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】tion的时候,作为参数传进去。
【版权所有】唐霜 www.tangshu本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.netang.net本文作者:唐霜,转载请注明出处。let peer = new RTCPeerConnection({ iceServers: [ { urls: 'stun:stun.l.google.com:19302', }, { url: 'turn:my_username@<turn_server_ip_address>', credential: 'my_password', }, ], })
这样就可以让程序使用你自己的stun &【版权所有,侵权必究】【版权所有】唐霜 www.tangshuang.netamp; turn服务器了。
著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。但是,怎么最终把candidate身份信【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】息传给对方呢?单凭webrtc是无法做到【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】的,我们需要借助一个服务器来实现,这个就【本文受版权保护】转载请注明出处:www.tangshuang.net是signaling服务器。这个sign本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。aling服务器的作用,就是在利用pee【未经授权禁止转载】转载请注明出处:www.tangshuang.netr的传输能力之前,建立连接阶段,传输各自【未经授权禁止转载】未经授权,禁止复制转载。的身份信息、描述信息(下面会讲)的。
著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshu【未经授权禁止转载】【本文首发于唐霜的博客】ang.net不是说peer to peer是点对点通著作权归作者所有,禁止商业用途转载。【未经授权禁止转载】讯吗?怎么还要一个服务器呢?这也是没办法未经授权,禁止复制转载。原创内容,盗版必究。的,webrtc实现的时候,完全放开了上原创内容,盗版必究。【原创不易,请尊重版权】述信息交换的协议,因此开发者需要自己实现本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。这块。一般我们会使用一个websocke转载请注明出处:www.tangshuang.net【转载请注明来源】t来实现这个signaling服务,当一【本文首发于唐霜的博客】原创内容,盗版必究。个peer需要发送一个signaling著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】的时候,发送一个socket消息到服务器著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。,再由服务器发送一个socket消息给另未经授权,禁止复制转载。【原创不易,请尊重版权】外一个peer,这样,它们就可以交换信息原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】。
【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处:www.tangshuang.netang.net【本文首发于唐霜的博客】peer.onicecandidate = function(e) {
socket.emit('icecandidate', e.candidate) // socket是假设的一个websocket实例
}
socket.on('icecandidate', function(e) {
let data = e.message
peer.addIceCandidate(data)
})
在onicecandidate的回调函数【作者:唐霜】【关注微信公众号:wwwtangshuangnet】里面使用socket发送candidat本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】e,在另外一个peer里面,通过soke【本文首发于唐霜的博客】本文作者:唐霜,转载请注明出处。t的事件接收candidate,并且把c本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.netandidate加入到自己本地。
【本文首发于唐霜的博客】【访问 www.tangshuang.n【本文受版权保护】原创内容,盗版必究。et 获取更多精彩内容】【访问 www.tangshuang.n本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.netet 获取更多精彩内容】交换描述信息
什么是描述信息呢?大概就是一个设备的信息【本文受版权保护】【版权所有,侵权必究】,当一个peer打算把自己的设备stre【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】am发送给另外一个peer使用的时候,需【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】要将设备信息告诉给对方,比如视频的编码之【版权所有,侵权必究】【转载请注明来源】类的。怎么交换呢?peer需要通过一个o【版权所有】唐霜 www.tangshuang.net【作者:唐霜】ffer和answer操作来实现。
【版权所有】唐霜 www.tangshu【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。ang.net本文版权归作者所有,未经授权不得转载。let desc = await peer.createOffer()
await peer.setLocalDescription(desc)
socket.emit('offer', desc)
socket.on('offer', async function(e) {
let data = e.message
await peer.setRemoteDescription(data)
let desc = await peer.createAnswer()
peer.setLocalDescription(desc)
socket.emit('answer', desc)
})
socket.on('answer', async function(e) {
let data = e.message
await peer.setRemoteDescription(data)
})
上面这段代码,实际上会在不同的情况下运行本文版权归作者所有,未经授权不得转载。【作者:唐霜】不同的部分。当它作为首先发出消息的一方时【转载请注明来源】【关注微信公众号:wwwtangshuangnet】,它要发送一个offer给远端的peer【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。。而发送的内容,就是通过createOf【本文首发于唐霜的博客】【本文受版权保护】fer创建的description。这个转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】description叫做Session【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】 Description Protoco【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】l,即很多文档里面说的SDP。当远端pe【原创不易,请尊重版权】原创内容,盗版必究。er发送了SDP之后,远端的peer通过未经授权,禁止复制转载。【版权所有,侵权必究】websocket接收到之后,用setR【未经授权禁止转载】本文版权归作者所有,未经授权不得转载。emoteDescription把信息塞【未经授权禁止转载】原创内容,盗版必究。到本地。
【访问 www.tangshuang.n原创内容,盗版必究。转载请注明出处:www.tangshuang.netet 获取更多精彩内容】原创内容,盗版必究。未经授权,禁止复制转载。
WebRTC建立连接过程示意图
著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。原创内容,盗版必究。【本文首发于唐霜的博客】上图里面还反映了一个问题,那就是onic【原创不易,请尊重版权】【原创内容,转载请注明出处】ecandidate被触发的时间。我原本【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net以为,这个事件会在new完成之后,但事实【原创不易,请尊重版权】【本文首发于唐霜的博客】上,它会在createOffer或者cr【本文首发于唐霜的博客】【原创不易,请尊重版权】eateAnswer的时候发生。
【原创不易,请尊重版权】【本文首发于唐霜的博客】原创内容,盗版必究。总之,完成上面的offer和answer本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】之后,两个peer就建立了连接,之后才能【原创不易,请尊重版权】【版权所有】唐霜 www.tangshuang.net传输stream或者其他数据。
【本文受版权保护】【版权所有,侵权必究】【未经授权禁止转载】发送媒体流
通过前面的getUserMedia接口,转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。我们已经可以拿到当前用户的摄像头、麦克风【未经授权禁止转载】【原创内容,转载请注明出处】输入了。怎么把这些输入发送给远端的pee本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。r呢?这个时候就不需要借助signali【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。ng服务器了,当上面的连接创建之后,只需本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。要调用peer的对应方法,就可以做到了,【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。这里才是真正的点对点数据传输了。
本文作者:唐霜,转载请注明出处。【未经授权禁止转载】【原创内容,转载请注明出处】function sendStream(stream) {
let tracks = stream.getTracks()
tracks.forEach((track) => {
peer.addTrack(track, stream)
})
}
peer.ontrack = function(e) {
let stream = e.streams[0]
// 把stream塞到video上
}
这样就可以做到将自己的视频流信息发送给远【作者:唐霜】【转载请注明来源】端的peer,并触发远端peer的ont【关注微信公众号:wwwtangshuangnet】【未经授权禁止转载】rack。当然,反过来也是一样,对方也可【原创不易,请尊重版权】【转载请注明来源】以把自己的stream发送给自己,自己执【访问 www.tangshuang.net 获取更多精彩内容】【本文受版权保护】行ontrack里面的操作。
【作者:唐霜】本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】RTCDataChannel
在使用RTCPeerConnection【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。创建了peer实例,并且创建了连接之后,【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】就可以使用RTCDataChannel接【转载请注明来源】本文作者:唐霜,转载请注明出处。口创建出一个数据传输通道,用来传输任意数【版权所有,侵权必究】【本文首发于唐霜的博客】据的信息。虽说官方给出的解释是“任意数据本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net”,但是在实际编码中,传输的是字符串……
【关注微信公众号:wwwtangshua【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。ngnet】本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。【原创内容,转载请注明出处】它的使用就简单的多了:
【转载请注明来源】【转载请注明来源】原创内容,盗版必究。【版权所有,侵权必究】let channel = peer.createDateChannel('a channel')
通过peer的createDataCha原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。nnel方法创建一个channel,然后本文作者:唐霜,转载请注明出处。【转载请注明来源】它拥有:
【原创不易,请尊重版权】转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。原创内容,盗版必究。ng.netchannel.onopen = function() {}
channel.onmessage = function(e) {
let data = e.data
}
channel.onerror = function() {}
channel.onclose = function() {}
channel.send(data)
channel.close()
这些方法,一看就知道是干嘛用的,就不赘述【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。了。
【原创内容,转载请注明出处】【未经授权禁止转载】【版权所有】唐霜 www.tangshu【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。ang.net转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。ng.net其实,使用RTCDataChannel接原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。口的大多数场景,都是为了实现文件传输,特未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】别是一些大文件传输。当两台处于同一个网络本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】里面的电脑使用webrtc进行文件传输的【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。时候,由于不用经过服务器,所以可以实现更【作者:唐霜】转载请注明出处:www.tangshuang.net高效的文件传输。但是,由于datacha转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。nnel其实并不能直接发送二进制流,而是转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。只能发送文本(Firefox除外),所以【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。没办法,我们还必须利用html5的特性把本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net文件转换为可转码文本,再进行分片,通过启【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】用多个peer(下文会解释)把文件发送给原创内容,盗版必究。原创内容,盗版必究。另外一个客户端,再由另外一个客户端组装文本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net件。
【转载请注明来源】著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。不过在firefox里面,就方便的多,注意,下面的代码仅适用于Firefox:
转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】ng.net【本文受版权保护】本文版权归作者所有,未经授权不得转载。【转载请注明来源】document.querySelector('input[type=file]').onchange = function () { var file = this.files[0]; dataChannel.send(file); }; dataChannel.onmessage = function (event) { var blob = event.data; // Firefox allows us send blobs directly var reader = new window.FileReader(); reader.readAsDataURL(blob); reader.onload = function (event) { var fileDataURL = event.target.result; // it is Data URL...can be saved to disk SaveToDisk(fileDataURL, 'fake fileName'); }; };
上面的代码出自这里。
【本文首发于唐霜的博客】【版权所有,侵权必究】转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net【本文受版权保护】ng.net原创内容,盗版必究。关于如何分片传输文件的方法,可以自己谷歌【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】搜一下,方案也挺多的,选择自己喜欢的一种【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。即可。
未经授权,禁止复制转载。【版权所有】唐霜 www.tangshu【本文受版权保护】【版权所有】唐霜 www.tangshuang.netang.net转载请注明出处:www.tangshua原创内容,盗版必究。【原创内容,转载请注明出处】ng.net未经授权,禁止复制转载。基于WebRTC的P2P网络
上一部分我们已经了解到了,如何用代码去实【作者:唐霜】【版权所有】唐霜 www.tangshuang.net现创建一个peer to peer的通讯【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net。现在的问题是,我们如何利用webrtc【本文首发于唐霜的博客】本文作者:唐霜,转载请注明出处。技术,实现一套应用解决方案,真正把这套技本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。术用到自己的产品里面。要了解这套知识,我著作权归作者所有,禁止商业用途转载。【转载请注明来源】把它分为四个层面:
本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.n【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】- Level 1: Peer Instan原创内容,盗版必究。【版权所有,侵权必究】ce 【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】转载请注明出处:www.tangshua原创内容,盗版必究。本文作者:唐霜,转载请注明出处。ng.net
- Level 2: Client (nod【原创内容,转载请注明出处】未经授权,禁止复制转载。e) 转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。ng.net【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。
- Level 3: Network 本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】【版权所有,侵权必究】
- Level 4: Complete Se【本文受版权保护】【本文首发于唐霜的博客】rvice 【版权所有,侵权必究】未经授权,禁止复制转载。【关注微信公众号:wwwtangshua【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】ngnet】
第一层:peer实例层面
这其实就是前面关于webrtc api的【版权所有,侵权必究】转载请注明出处:www.tangshuang.net一整套知识。如何利用api接口,创建实例【作者:唐霜】原创内容,盗版必究。,并且使得两个实例能够创建连接,实现视频本文作者:唐霜,转载请注明出处。【本文受版权保护】、音频甚至是任意类型数据的交换。
著作权归作者所有,禁止商业用途转载。【本文首发于唐霜的博客】【访问 www.tangshuang.n原创内容,盗版必究。【未经授权禁止转载】et 获取更多精彩内容】但是有一个点不知道你有没有发现?
【本文首发于唐霜的博客】【本文首发于唐霜的博客】【作者:唐霜】【本文首发于唐霜的博客】【访问 www.tangshuang.n【版权所有,侵权必究】未经授权,禁止复制转载。et 获取更多精彩内容】【转载请注明来源】转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】ng.netwebrtc顶多在两个peer之间建立连【未经授权禁止转载】【转载请注明来源】接,不能有第三个peer插足进来。我们看未经授权,禁止复制转载。【原创内容,转载请注明出处】peer的方法就会发现,setLocal【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。Description, setRemo本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】teDescription等方法,都仅是【作者:唐霜】未经授权,禁止复制转载。为了把peer分为local和remot本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】e两个角色。这也就是说,peer to 转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。peer是指两个peer实例之间的故事,本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】而不是我们平时里说的点对点(node t原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.neto node),也可能是因为我们平日里对转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】“点对点”这个概念有所误解。
未经授权,禁止复制转载。原创内容,盗版必究。

webrtc peer to peer
【关注微信公众号:wwwtangshua原创内容,盗版必究。【未经授权禁止转载】ngnet】【原创不易,请尊重版权】【本文首发于唐霜的博客】转载请注明出处:www.tangshua【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.netng.net既然一个连接仅能在两个peer之间通信,本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。那怎么可能让很多用户使用这项技术来实现点本文版权归作者所有,未经授权不得转载。【作者:唐霜】对点传输呢?
原创内容,盗版必究。【转载请注明来源】【原创内容,转载请注明出处】【本文受版权保护】第二层:client层面
我们平时说的“点对点”其实是指“节点对节【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。点”,一个节点(node)是一个客户端的【版权所有,侵权必究】原创内容,盗版必究。架构设计,对于一个应用客户端而言,你需要【作者:唐霜】本文版权归作者所有,未经授权不得转载。把它想象为一个容器。这个容器会与网络中的本文作者:唐霜,转载请注明出处。【转载请注明来源】其他节点进行p2p连接。但是前面已经说了著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。,一个peer to peer只会包含一未经授权,禁止复制转载。【作者:唐霜】对peer实例,那么怎么构建多人网络呢?转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。那就是要在容器中放置多个peer实例,每【作者:唐霜】【版权所有,侵权必究】一个实例与另外一个节点容器中的某个pee转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】r实例建立连接。
【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号:wwwtangshuangnet】ang.net【版权所有】唐霜 www.tangshu本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】ang.net【原创内容,转载请注明出处】
webrtc client
本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。就像图里面显示的一样,一个客户端,想和其本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】他的客户端建立连接,就new一个新的pe【未经授权禁止转载】本文作者:唐霜,转载请注明出处。er出来,用这个peer和对方建立连接。著作权归作者所有,禁止商业用途转载。【本文首发于唐霜的博客】一个client里面有多少个peer,取【本文受版权保护】【本文受版权保护】决于它想和多少个客户端建立连接。
【本文首发于唐霜的博客】【转载请注明来源】原创内容,盗版必究。第三层:network层面
当一个一个的节点连接在一起,所有能够相互未经授权,禁止复制转载。未经授权,禁止复制转载。通信的节点的集合,就是一个network【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。。而对于一个应用而言,可能会出现多个ne【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.nettwork。这理解起来非常简单,我们以聊【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net天室为例子,一个聊天室里面的所有人,都是原创内容,盗版必究。【作者:唐霜】一个节点,而整个聊天室就是一个网络。但是【本文首发于唐霜的博客】【原创不易,请尊重版权】,假如我们有两个聊天室,那就会有两个网络【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。。但是很显然,这两个聊天室可能存在相同的转载请注明出处:www.tangshuang.net【本文首发于唐霜的博客】一个用户(客户端),而他之所以能在两个不【关注微信公众号:wwwtangshuangnet】转载请注明出处:www.tangshuang.net同的聊天室聊天,是因为他的客户端起来了n著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】个peer实例,每个实例跟不同的远端pe【未经授权禁止转载】【转载请注明来源】er连接。
本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.n【本文受版权保护】【转载请注明来源】et 获取更多精彩内容】
webrtc network
【本文首发于唐霜的博客】【未经授权禁止转载】简单的说,一个client可能同时属于多未经授权,禁止复制转载。【作者:唐霜】个network。
本文作者:唐霜,转载请注明出处。原创内容,盗版必究。【版权所有】唐霜 www.tangshu【未经授权禁止转载】转载请注明出处:www.tangshuang.netang.net
同一个client属于不同的networ【本文受版权保护】【关注微信公众号:wwwtangshuangnet】k
【作者:唐霜】本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】第四层:service层面
如何保证应用给用户提供完整的可靠的点对点未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】服务呢?比如迅雷下载、微信聊天等等。在上【本文受版权保护】【关注微信公众号:wwwtangshuangnet】面3层我们已经做好了对peer的管理,也本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】就是在client中创建多个peer,每【本文首发于唐霜的博客】著作权归作者所有,禁止商业用途转载。一个peer完成自己的使命。但是,如何管【原创内容,转载请注明出处】【版权所有,侵权必究】理好用户在不同network之间的连接和【作者:唐霜】【本文首发于唐霜的博客】内容传输,需要客户端、服务器通过严格的逻【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net辑进行分发。这里包括用户的认证、权限的分原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。配、组别划分等等。因此,说一个webrt著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。c应用无法离开服务端,也是没有错的。
著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshu原创内容,盗版必究。【转载请注明来源】ang.net转载请注明出处:www.tangshua【作者:唐霜】【转载请注明来源】ng.net【原创不易,请尊重版权】
webrtc service
【访问 www.tangshuang.n【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.netet 获取更多精彩内容】【关注微信公众号:wwwtangshua原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。ngnet】原创内容,盗版必究。通过更为复杂的网络架构,可以提高你不同地【未经授权禁止转载】原创内容,盗版必究。域、不同网络间的性能或者实现特别的功能。【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。总之,在基于前面的技术基础上,你可以在任转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】何一个环节进行变化,以适应实际的需求。
本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。然而,你有没有发现一个更严重的问题?如果【版权所有,侵权必究】转载请注明出处:www.tangshuang.netP2P网络依赖于服务端,那么倘若服务端发【未经授权禁止转载】未经授权,禁止复制转载。生故障,也就会导致整个网络瘫痪。有没有一本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。种可能使得提供服务的能力,也通过p2p网【作者:唐霜】【版权所有,侵权必究】络来实现呢?其实,我们有一种方案,就是将【版权所有,侵权必究】原创内容,盗版必究。stun、turn、signaling服本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】务内置于客户端内部,当用户打开客户端的时【访问 www.tangshuang.net 获取更多精彩内容】【原创内容,转载请注明出处】候,也起一个本地的服务器。这样,只要当两原创内容,盗版必究。本文作者:唐霜,转载请注明出处。个客户端可以相互访问时,就可以不在依靠一【未经授权禁止转载】【关注微信公众号:wwwtangshuangnet】个中心化的服务器了。
未经授权,禁止复制转载。【转载请注明来源】【原创内容,转载请注明出处】
去中心化的webrtc应用架构示意图
【关注微信公众号:wwwtangshua未经授权,禁止复制转载。转载请注明出处:www.tangshuang.netngnet】【作者:唐霜】转载请注明出处:www.tangshua【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。ng.net不过这里面有一点需要注意,就是两个客户端【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。可以相互访问对方起的服务器。做到这一点其未经授权,禁止复制转载。【原创内容,转载请注明出处】实不难,对于同一局域网下面客户端,一般都【未经授权禁止转载】原创内容,盗版必究。是可以相互访问的,但是,即使处于局域网下【本文受版权保护】【作者:唐霜】面的客户端不能被访问,整个网络中,只要节本文版权归作者所有,未经授权不得转载。转载请注明出处:www.tangshuang.net点数量足够多,也一定存在于公网,能够被任【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】何客户端访问的节点,这样它就可以作为一个【作者:唐霜】【本文受版权保护】对其他可以访问他的节点的signalin【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。g服务器了。当然,如果要作为turn服务【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net器,感觉还是不是很好,一方面是安全性受到本文作者:唐霜,转载请注明出处。【作者:唐霜】质疑,另一方面是消耗的资源比较多,如果几转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。千个节点同时连到它,那它估计马上就挂了。
【关注微信公众号:wwwtangshua【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。ngnet】本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。但是无论如何,这都给了我们想象的空间。这【未经授权禁止转载】【原创不易,请尊重版权】种架构下面,利用webrtc做一款区块链【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】应用也是非常容易的。怎么做到呢?我们可以本文版权归作者所有,未经授权不得转载。本文版权归作者所有,未经授权不得转载。使用electron来做,它既提供了we【本文受版权保护】【本文受版权保护】b的能力,又提供了node的能力,因此是转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。非常好的选择。
【转载请注明来源】【本文受版权保护】未经授权,禁止复制转载。小结
至此,有关如何利用webrtc这项技术来本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】开发一个应用的知识就介绍完了。这篇文章仅【版权所有,侵权必究】【版权所有】唐霜 www.tangshuang.net仅介绍了技术层面,如何把基于webrtc【版权所有,侵权必究】【未经授权禁止转载】的通信搭起来,但是有关webrtc的东西【版权所有,侵权必究】【作者:唐霜】其实还有挺多可以探讨,例如:
【访问 www.tangshuang.n本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】et 获取更多精彩内容】【转载请注明来源】【关注微信公众号:wwwtangshua著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.netngnet】本文作者:唐霜,转载请注明出处。- 如何实现视频通话 【原创内容,转载请注明出处】【本文受版权保护】
- 如何创建多人视频会议 本文版权归作者所有,未经授权不得转载。【访问 www.tangshuang.n【访问 www.tangshuang.net 获取更多精彩内容】【原创内容,转载请注明出处】et 获取更多精彩内容】
- 如何实现文件传输与分享 【访问 www.tangshuang.n著作权归作者所有,禁止商业用途转载。【转载请注明来源】et 获取更多精彩内容】【本文首发于唐霜的博客】【版权所有,侵权必究】
- 如何实现一个区块链 本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。转载请注明出处:www.tangshua【原创不易,请尊重版权】原创内容,盗版必究。ng.net
- 用户认证的细节是什么 著作权归作者所有,禁止商业用途转载。【转载请注明来源】【未经授权禁止转载】【转载请注明来源】
另外,也有一些遗留问题有待深入探讨,例如原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。:
【版权所有】唐霜 www.tangshu转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】ang.net著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】- 如何保证安全问题 原创内容,盗版必究。本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshua转载请注明出处:www.tangshuang.net【作者:唐霜】ng.net本文作者:唐霜,转载请注明出处。
- 性能如何,最大支持创建多少个peer 实本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net例 【原创不易,请尊重版权】【版权所有】唐霜 www.tangshu【原创不易,请尊重版权】【未经授权禁止转载】ang.net
- 网络差的情况下,如何保证连接 未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。【访问 www.tangshuang.n转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。et 获取更多精彩内容】
这些问题都有待你深入了解,如果你对web未经授权,禁止复制转载。【原创内容,转载请注明出处】rtc感兴趣,或者对本文的一些阐述有自己【关注微信公众号:wwwtangshuangnet】【作者:唐霜】的看法,可以在下方的留言框给我留言,一起【作者:唐霜】本文作者:唐霜,转载请注明出处。探讨。
著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.n【未经授权禁止转载】【本文首发于唐霜的博客】et 获取更多精彩内容】【关注微信公众号:wwwtangshua【作者:唐霜】【版权所有】唐霜 www.tangshuang.netngnet】2018-07-02 5800 WebRTC


