您现在的位置是：首页 > 其他 > 音视频开发音视频开发
写一张网页，用 WebRTC 实现点到点通信。
2021-06-07 20:59:19音视频开发人已围观
简介在 WebRTC 的网络世界中，视频传输可以走点到点服务。客户端被称作 Peer，Peer 的数据直接传送给另一个 Peer，我们也称作P2P 网络。在P2P 网络中，要解决 NAT 穿墙问题，WebRTC 设计了一个网络的抽象框架被称作交互式网络建立连接（Interactive Connectivity Establishment， ICE），图中的 STUN 是 ICE 的一个实现。对于一个 P2P 网络中的 Peer，它每次要接入这个 P2P 网络会获得一个身份，这个身份就包括它的 IP 地址、端口
在 WebRTC 的网络世界中，视频传输可以走点到点服务。客户端被称作 Peer，Peer 的数据直接传送给另一个 Peer，我们也称作P2P 网络。在P2P 网络中，要解决 NAT 穿墙问题，WebRTC 设计了一个网络的抽象框架被称作交互式网络建立连接（Interactive Connectivity Establishment， ICE），图中的 STUN 是 ICE 的一个实现。
对于一个 P2P 网络中的 Peer，它每次要接入这个 P2P 网络会获得一个身份，这个身份就包括它的 IP 地址、端口使用的协议等，这个身份被抽象成了一个对象——Candidate（候选人）。当候选人创建一个 P2P 连接的时候，它会获得候选人的身份。但这个时候，它还没有发起任何真实的数据连接。此时它必须知道另一个人的身份，才能够进行通信。
P2P 网络本身不具备传输身份的能力，因此这个时候需要另一个第三方网络提供身份的交换。代码中的这个第三方服务就是 ScaleDrone。当用户加入聊天室，会先创建连接：
pc = new RTCPeerConnection(...)
接下来会触发onicecanddiate事件获得候选人（Candidate）身份：
pc.onicecandidate = event => {
if (event.candidate) {
// 通过ScaleDrone分发身份
}
};
在实际的代码操作中，代码将获得的身份（event.candiate）直接发送到了 ScaleDrone 提供的某个聊天室中去，这样聊天室的其他用户就会拿到这个身份。
当有新用户进入聊天室后，ScaleDrone 会广播新用户的身份：
room.on('data', (message, client) => {
// Message was sent by us
if (client.id === drone.clientId) {
return;
}
if (message.sdp) {
// This is called after receiving an offer or answer from another peer
pc.setRemoteDescription(new RTCSessionDescription(message.sdp), () => {
// When receiving an offer lets answer it
if (pc.remoteDescription.type === 'offer') {
pc.createAnswer().then(localDescCreated).catch(onError);
}
}, onError);
} else if (message.candidate) {
// Add the new ICE candidate to our connections remote description
pc.addIceCandidate(
new RTCIceCandidate(message.candidate), onSuccess, onError
);
}
});
这个时候，用户彼此都会将对方加入自己的候选人列表：
pc.addIceCandidate(
new RTCIceCandidate(message.candidate), onSuccess, onError
)
加入之后，如果远程候选人录制了视频，WebRTC 的 ontract 事件就会收到视频的数据流，也就是下面这段程序：
pc.ontrack = event => {
const stream = event.streams[0];
if (!remoteVideo.srcObject || remoteVideo.srcObject.id !== stream.id) {
remoteVideo.srcObject = stream;
}
};
这份代码的优势是不需要提供中转的流媒体服务器，就可以完成点到点的视频通信。同理，如果是多人视频，也可以用同样的方法实现。这段程序中需要两个第三方的服务：
基于 ICE 标准提供 P2P 网络的服务（提供 NAT 穿透能力），这个可以使用 STUN；
第三方聊天室服务，用于实现聊天的具体逻辑和交换身份。
文章来源：https://blog.csdn.net/m0_50654102/article/details/117600038
很赞哦！ ()
相关文章
随机图文
[论文阅读] Variational Adversarial Active Learning
论文地址：https://arxiv.org/abs/1904.00370代码：https://github.com/sinhasam/vaal发表于：ICCV’19Abstract主动学习的目的是通过对最有代表性的查询进行采样，由专家进行标注，从而开发出高效标签的算法。我们描述了一种基于池的半监督主动学习算法，它以对抗的方式隐式地学习了这种采样机制。与传统的主动学习算法不同，我们的方法是与任务无关的，也就是说，它不依赖于我们试图获取标注数据的任务的性能。我们的方法使用变分自编码器(VAE)和训练好
BOBCAT: 基于双层优化的计算机化自适应测验（超硬核解读论文+阅读论文技巧）
Aritra Ghosh and Andrew Lan University of Massachusetts Amherst这篇文章是2021年在IJCAI会议上被录用的Abstract计算机自适应测试 (CAT) 是指一种针对每个学生/考生进行个性化的测试形式。CAT 方法根据每个学生对之前问题的回答，自适应地为每个学生选择下一个信息量最大的问题/项目，有效地缩短了测试时间。现有的 CAT 方法使用项目反应理论 (IRT) 模型将学生的能力与他们对问题的反应联系起来，以及旨在尽快减少能力估计误差的
架构师大型项目实战视频
大家好，我是沐子。最近又赶上跳槽的高峰期，好多粉丝，都问我有没有大型项目视频，我连日加班好多天，终于收集好了架构师大型项目实战视频，总共收集了14套视频，项目简介如下！架构师大型项目实战视频涉及到的技术点非常全面包括Dubbo，Mybatis, Redis, Solr, Nginx, SSM，ActiveMQ, Kafka, netty, Memcached, Lvs, Zookeeper, Mycat, Storm等技术栈！也涉及到高并发、高可用、高安全性等架构实战，相信对大家会有一定的帮助作用。
音视频技术开发周刊：FFmpeg内置的一个无中生有的音视频输入数据 | 214
每周一期，纵览音视频技术领域的干货。新闻投稿：contribute@livevideostack.com。
文章评论
| 留言与评论（共有 0 条评论） |
