仔细观察颜色，“变色”其实是“反色”效果 Bug 触发条件：Win10 系统 + Edge 117 浏览器 + AMD 集成显卡 + HEVC 视频流 Edge 117 如果使用 AMD 集成显卡，观看视频时可能出现视频反色现象，在 bilibili（哔哩哔哩） 直播中发现。 通过以下设置，配置 Edge 使用英伟达独立显卡，可解决反色问题。 如 ...

Web 音视频目录 前序章节介绍了如何在浏览器中解析、创建视频，以及给视频添加一些自定义素材（图片、音频、文字...）； 本章介绍如何给图像素材加特效、加动画，实现转场、移动水印、图像滤镜美化等功能。 你可以跳过原理介绍，直接查看 WebAV 示例 素材动画 在视频制作中实现动画跟其他场景略有不同，因为视频 ...

Web Audio & Video Series Table of Contents Personal Reflection Over the past month since this series began, we've covered the parsing, processing, and composition of ...

Web Audio & Video Series Table of Contents Previous chapters covered how to parse and create videos in the browser, as well as add custom assets (images, audio, text...). T ...

Web 音视频目录 个人回顾 本系列更新至今，持续了一个月时间，内容可以总结为音频、视频数据的 解析 - 处理 - 合成，在浏览器中比较粗粒度地实现音视频编辑的主要环节，差不多是把 WebAV 项目的原理讲完了。 讲解的知识非常浅，目标读者是准备在 Web 平台进行音视频开发的新手； 这是我第一次进行高频率技术写作，将一 ...

原文 阮一峰翻译 *我一般不太喜欢看这种经验之谈，在阮一峰周刊中看到， ...

Web 音视频目录 经过前序章节的介绍，读者能大致了解如何在播放器中解析、创建视频； 本章介绍何在浏览器中合成视频，这是视频编辑中最基础的功能。 你可以跳过原理介绍，直接查看 WebAV 合成视频示例 在视频上叠加素材 常见的素材有：视频、音频、图片、文字 [在浏览器中创建视频](/posts/2 ...

Web Audio & Video Series Table of Contents After reading the previous chapters, readers should have a basic understanding of how to parse and create videos in the browser. Th ...

Web 音视频目录 为什么单独介绍音频处理? 网络上缺乏音频处理的资料，绝大多数示例都是针对视频而略过音频，很多人在网上寻找音频处理的示例 对前端开发者来说，音频处理相对视频略微复杂一些 所以，本文专门针对音频数据，汇总讲解采集-处理-编码-封装全过程，帮助初学者入门。 ![audio-data-flow](./audio ...

Web Audio & Video Series Table of Contents Why dedicate a chapter to audio processing? There's a scarcity of audio processing resources online, with most examples focus ...