有没有那么一种可能，在前端页面处理音视频？例如用户选择一个视频，然后支持他设置视频的任意一帧作为封面，就不用把整一个视频上传到后端处理了。经过笔者的一番摸索，基本实现了这个功能，一个完整的demo：ffmpeg wasm截取视频帧功能： 支持mp4/mov/mkv/avi等文件…

第一篇主要介绍了Chrome加载音视频的缓冲控制机制和编解码基础，本篇将比较深入地介绍解码播放的过程。以Chromium 69版本做研究。 由于Chromium默认不能播放Mp4，所以需要需要改一下源码重新编译一下。 1. 编译一个能播放mp4的Chromium 说是在demu…

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

目录FBO基本知识FBO实现渲染到纹理的流程实践遇到的问题资料收获在之前的学习实践中我们把图片、视频、图形等渲染到屏幕时，采用的是直接屏幕上即默认的帧缓冲区，如果我们在渲染时不想直接渲染到屏幕，而是把

实时音视频的开发学习有很多可以参考的开源项目。一个实时音视频应用共包括几个环节：采集、编码、前后处理、传输、解码、缓冲、渲染等很多环节。每一个细分环节，还有更细分的技术模块。比如，前后处理环节有美颜、滤镜、回声消除、噪声抑制等，采集有麦克风阵列等，编解码有VP8、VP9、H.2…

不要用手摸脸啦！为防止新冠状肺炎病毒疫情传播，医疗机构建议我们不要用没洗过的手摸脸。但如果你坐在计算机前几个小时不动，要做到这一点就很难了。我不禁想，用浏览器可以解决这个问题吗？ 为此我们进行了许多计算机视觉和WebRTC实验。我早已计划去进行用TensorFlow.js在本地…

导语 | 音视频时代，WebRTC在形形色色的产品和业务场景下均有落地。在熟悉如何在浏览器获取设备的音视频数据和WebRTC是如何将获取的音视频数据进行网络传输的同时，我们更要夯实一下网络传输协议相关

2020 年疫情爆发，直接促使了会议、教育等线上视频产品的飞速成长，一时间音视频开发也被推到了风尖浪口。本次我们特别邀请了 IMWeb 音视频大佬、同时也是 2020 IMWeb Conf 的讲师之一 Javen ，看看他对当今的前端音视频是什么看法。 Javen：来团队 2 …

GOP (Group of Pictures)：GOP 越长（I帧之间的间隔越大），B 帧所占比例越高，编码的率失真性能越高。虽然B帧压缩率高，但解码时CPU压力会更大。 MSE(Media Source Extensions)：W3C 标准API，解决 HTML5 的流问题（…