通过上两个系列专栏的学习，我们对前端音视频及 WebRTC 有了初步的了解，是时候敲代码实现一个 Demo 来真实感受下 WebRTC 实时通讯的魅力了。还没有看过的同学请移步： RTCPeerConnection 类是在浏览器下使用 WebRTC 实现实时互动音视频系统中最核…

本文讲的是利用WebRTC中的RTCPeerConnection的能力如何实现P2P通信的，在文末还有demo实现了P2P传输文件的应用，P2P传输文件的好处就是可以在同一内网的两台机器直接通过内网传输。 本文涉及的技术点会有点多，我会先从介绍WebRTC和P2P开始，然后围绕…

RTCPeerConnection负责建立P2P连接以及传输多媒体数据。

navigator.mediaDevices 接口提供访问连接媒体输入的设备，如照相机和麦克风，以及屏幕共享等。它可以使你取得任何硬件资源的媒体数据 如果你想有一些在web端开启摄像头采集媒体流的需求(WebRTC、web直播)，并且不太熟悉mediaDevices API。 …

主要介绍前端音视频录制和WebRTC推流/WebRTC的拉流相关技术的视线细节解析.........

基于浏览器MediaRecorder API和Canvas API实现前端视频录制功能。未经作者授权禁止转载！

WebRTC（Web Real-Time Communication）即网页即时通信，是一个支持网页浏览器进行实时语音对话或视频对话的API。 WebSocket是一种在单个TCP连接上进行全双工通信的协议。在 WebSocket 中，浏览器和服务器只需要完成一次握手，两者之间…

WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC包含的这些标准使…

媒体协商 创建连接和信令 创建连接，指的是创建 RTCPeerConnection，它负责端与端之间彼此建立 P2P 连接。在后面 RTCPeerConnection 一节中，我们还会对其做进一步的介