效果 | 实现思路 1.利用浏览器的navigator.mediaDevices.getUserMedia进行录音 2.将录音数据传输给websocket广播给其他人 3.渲染录音 navigator

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

Web Audio - 浏览器采集麦克风音频数据 背景 关于Web Audio，上一篇小编介绍了下，如何通过解析音频数据，绘制音频的频谱图，和大家一起初步学习领会了一下Web Audio的强大Api。

声音：这里的声音是指通过麦克风会产生一连串的电压变化，可以得到许多[-1,1]之间的数字。如果想要播放，需转换成pcm格式 链接完成后，createScriptProcessor的onaudioprocess方法可以持续不断的返回采样数据，这些数据范围在[-1,1]之间，类型是…

WebRTC，网页即时通信（Web Real-Time Communication），实现了基于网页的视频会议。WebRTC具有免安装，方便接入的特点，它不需要安装任何插件，在浏览器上就可以实现网页端

官方已有的说明就不重复了，这里主要记录一下 `getUserMedia` 接口实际使用中碰到的问题以及需要注意的点，碰到新问题及时更新~

服务器和客户端保持长连接通信，实现方式比较多。有很多成熟的框架可以完成，底层无非都是对Socket流的封装和使用。 Socket大致是指在端到端的一个连接中，这两个端叫做Socket。 HTTP是基于传输层的TCP协议的，而Socket API也是，所以只是从使用上说，可以认为…

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。 为什么要使用WebRTC