01 | 原来通过浏览器访问摄像头这么容易
该思维导图由 AI 生成，仅供参考
WebRTC 处理过程
荧光笔
直线
曲线- 深入了解
- 翻译
- 解释
- 总结
本文介绍了通过浏览器访问摄像头的过程以及WebRTC技术实现音视频通信的方法。通过介绍WebRTC终端、信令服务器和STUN/TURN服务器的作用，读者可以了解音视频通话的处理过程。文章还详细介绍了JavaScript采集音视频数据的API，包括摄像头、帧率、分辨率、麦克风等基本概念，并通过getUserMedia方法展示了在现代浏览器中访问音视频设备的简单方法。通过对MediaStreamConstraints参数的控制，读者可以轻松了解如何在现代浏览器中访问音视频设备。此外，文章强调了WebRTC中的重要概念MediaTrack和MediaStream，并指出了getUserMedia这一核心API的重要性。最后，文章提出了思考问题，引发读者对于获取指定设备音视频数据的思考。整体而言，本文通过清晰的示例和解释，使读者能够快速了解现代浏览器中访问音视频设备的方法和技术特点。
《从 0 打造音视频直播系统》，新⼈⾸单¥59
全部留言(80)
- 最新
- 精选
当当老师，直接在chrome测试成功，声音不正常（回声很想），加了参数消除回音，还是不行，为什么啊？作者回复: 自己的音频没有mute 吧？把video 标签里加个muted 试试
2019-07-1639
蓝桥你好，老师，现有的 rtmp 的直播解决方案和 webRTC 之间优劣势在什么地方？作者回复: Rtmp 底层用的tcp,wenrtc底层主要使用udp,使用tcp 就注定他在极端网络情况下没法实时通信
2019-07-187
翌其他平台学过老师的课程，讲的很详细。一直希望老师讲讲Android端相关的知识点，后来想来，音视频重点还是在服务端，Web 目前又比较普及，无论是PC还是移动终端，都越来越多的支持 Web 了。作者回复: 谢谢，铁粉呀！
2019-07-1666- venn请问老师，用webrtc做视频直播的话，是不是意味着教师端需要同时和所有学生端直接建立连接，然后音视频不需要经过服务器而直接发到学生端，这样的话对教师端的带宽有要求吗？这种直播稳定吗
作者回复: 你说的是通过 WebRTC 实现多人实时互动。这个有好几种方案，多终端互联是Mesh方案，还有 SFU, MCU方案。多人互动最好的方案是 SFU，这个在专栏中我已经介绍过了。使用这种方案可以节省多人互动时的带宽。
2019-10-135 
Geek_4b4f4a你好，老师，我是做webrtc的原生Android客户端的，您的课程有这方面的讲解吗？作者回复: 这个专栏中没有，其实学完这个专栏你自己可以用android 实现了，很简单
2019-07-165
李尧|Wonder老师，我打开audio之后回音特别大最后有很尖锐的声音，是什么原因？我试着在video中加入muted还是不行作者回复: 那是产生了啸叫，应该是你其它页面也开着音频，你将 所以音频关掉试试还有吗？没有后再将其它开，保证只有一个页页开着音频就好了。
2019-07-2623
超威丶请问NAT穿越是啥？作者回复: P2P，端与端直接进行连接，不需要服务器中转数据，这样可以节省服务器带宽，但并不意味着不需要服务器，服务器作为辅助功能
2019-07-1623
hh请问老师，本地打开html可以看到到画面，代码理解，但不知如何给server.js跑起来，如何部署在服务器里呢，配合nginx咋弄呢，对js这方面几乎是小白，望解惑？作者回复: 后面的文章会有讲，也会有例子，别着急！
2019-08-152
1900数据轨和音频轨视频轨的区别在哪里呢？作者回复: 数据轨是存放二进制数据，比如传输文件，就要使用数据轨。
2019-07-162
不是山谷-13.25老师，拒绝了摄像头访问之后再次进入怎么才能重新弹出授权弹框啊？作者回复: 如果重新刷新不行的话，你就到浏览器的设置中去修改一下；具体位置你在网上找找
2020-03-2321
