相较于繁重的WebSockets，SSE无疑是H5简单即时数据更新的轻量级代替方案。Server-Sent Events服务器推送事件，简称SSE，是HTML5中一个与通信相关的API。

最近微信小程序的业务场景，使用 WebRTC 对设备进行拉流，针对遇到的一些问题简单记录分享下。 一、音视频传输链路 通过上面的图，可以清楚的看到，分为两条链路 设备 SDK 支持 WebRTC，小程

纯前端的方式实现视频混流，为网页开播提供基础，通过 canvas.captureStream 捕获视频流进行前端混流。

File System Access API 使开发者能够构建更强大的web应用程序，与用户设备上的文件进行交互。除了文件读取功能，添加了新的接口，支持实时修改并保存以及操作目录。

但是这样写会遇到问题，我们在获取获取audio的duration时候会发现 duration 是Infinity? 这是如果我们动态的展示录音时间时候就会有问题。首先明确一下这是chrome浏览器自己的存在的一个bug，因为我们拿到的录音数据流没有定义长度，所以浏览器无法解析出…

MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道

由于项目需要，我们要在web端实现录音功能。一开始，找到的方案有两个，一个是通过iframe，一个是html5的getUserMedia api。由于我们的录音功能不需要兼容IE浏览器，所以毫不犹豫的选择了html5提供的getUserMedia去实现。基本思路是参考了官方的a…

在这个数字化的时代，网页端的音频处理能力已经成为一个非常热门的需求。本文将详细介绍如何利用 getUserMedia 和 MediaRecorder 这两个强大的 API，实现网页端音频的录制、处理和

1.2.打开摄像头 ：MediaDevices.getUserMedia()录制：使用 MediaRecorder内存存储：创建一个 [] 数组，存放字节，再转成 blob 对象。3.MediaDevices 接口提供访问连接媒体输入的设备，如照相机和麦克风，以及屏幕共享等。它可...