这是我参与8月更文挑战的第9天，活动详情查看：8月更文挑战 什么是实时音视频 实时音视频（RTC）即基于IP技术实现的实时交互的音视频通信技术。 RTC 与 直播常用协议的区别 直播协议 播放延迟 F

“这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战” 视频是什么 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，那么人眼看到的就不再是一张张独立的图片，而是动起来的画面。其

本文在这里就不对H.265做介绍了。感兴趣的朋友可以看下面的文章了解详情。（第一篇是我们在2019年3月发布的文章，距今已有2年，时间过得真快） 看了上面那篇2年前的文章应该清楚了浏览器对于H.265支持程度。好消息是经过两年发展，Webassembly发布了1.1版本，增加了…

首帧时间，是指用户从点击开始播放到视频首帧画面展现出来的时间。「零首帧」并不是真的0毫秒启播，而是用户几乎感知不到有首帧时间的存在，在我们的播放质量埋点中对应小于100ms以内的首帧时间。 在我们的播放器中，在各环节提供了极致的首帧优化方法，在条件允许符合时，可以将首帧时间压缩…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

1. 背景知识 WebAssembly(以下简称 wasm）已经推出数年，很多优秀的开发者已经开始在他们的项目用用上wasm来提高密集运算下的代码性能，推荐阅读这篇文章来了解wasm是什么。 h265是什么？人们在音视频领域的不断探索得到了很好的反馈，两大视频标准制定组织ITU…

现有的前端视频帧提取主要是基于 canvas + video 标签的方式，在用户本地选取视频文件后，将本地文件转为 ObjectUrl 后设置到 video 标签的 src 属性中，再通过 canvas 的 drawImage 接口提取出当前时刻的视频帧。 受限于浏览器支持的视…

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