webRTC 入门

最新推荐文章于 2024-05-29 17:14:40 发布

harryhare

最新推荐文章于 2024-05-29 17:14:40 发布

阅读量3.1k

点赞数 1

分类专栏：网络 web

本文链接：https://blog.csdn.net/harryhare/article/details/102897440

版权

概念

WebRTC基础介绍
webRTC 的最直接用途是两个浏览器间的p2p，不过加上中转服务器后也可以用来做其他的。
webRTC 是基于UDP的，作为对比，webSocket 是基于TCP的。
Mesh,SFU,MCU 的区别
- Mesh: p2p
- SFU: 中心节点只转发
- MCU：中心节点混流
STUN 和 TURN
- STUN 只处理地址信息
- TURN 提供转发功能

流程

除了getUserMedia之外，主要是两件事情：

两端间确定流媒体的格式（SDP）
两端间确定对方的网络地址（ICE）, 由于浏览器极有可能是在内网中的，所以需要有一般的p2p内网穿透的过程

出处见水印

调试工具

chrome://webrtc-internals/
https://test.webrtc.org/

代码

官方的例子

getUserMedia

<!doctype html>
<html lang="zh-CN">
	<head> <meta charset="UTF-8">
		<title>GetUserMedia实例</title>
	</head>
	<body>
	<video id="video" autoplay></video>
</body>
<script type="text/javascript" src="webRTC.js"></script>
</html>

// simple camera
var constraints = {
   
    video: true
};

function successCallback(stream) {
   
    var video = document.querySelector("video");
    //window.URL.createObjectURL is deprecated, so just assign the stream directly
    //video.src=window.URL.createObjectURL(stream);
    video.srcObject = stream;

最低0.47元/天解锁文章

harryhare

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
webRTC 入门

概念WebRTC基础介绍webRTC 的最直接用途是两个浏览器间的p2p，不过加上中转服务器后也可以用来做其他的。webRTC 是基于UDP的，作为对比，webSocket 是基于TCP的。流程除了getUserMedia之外，主要是两件事情：两端间确定流媒体的格式（SDP）两端间确定对方的网络地址（ICE）, 由于浏览器极有可能是在内网中的，所以需要有一般的p2p内网穿透的过程...
复制链接

扫一扫