​ 写博客好多年了，以前是随缘更新，无所谓有没有人看。 23 年有些意外、有些机缘，写了不少代码和文章。 github contributions 收到了一些正向反馈，github 新增 500+ star，博客站点日 PV 300 左右。 所以想博客也许可以作为一个业余项目，正经运营起来。 作为 Web 开发者，自然不喜 ...

拦截的价值 > 计算机科学领域的任何问题都可以通过增加一个中间层来解决。 —— Butler Lampson 如果系统的控制权、代码完全被掌控，很容易添加中间层； 现实情况我们往往无法控制系统的所有环节，所以需要使用一些 “非常规”（拦截） 手段来增加中间层。 拦截的方法 拦截/覆写 浏览器 API 最常见的场景有通过拦截 console ...

你可以先略过下面的无聊文字，体验一番 WebCodecs 的实力 WebCodecs 是什么 WebCodecs 是一个 Web 规范，21 年 9 月份在 Chrome 94 中实现 WebCodecs 提供访问编解码能力的接口，可精细控制音视频数据 Web 音视频 API 存在什么问题 音视频技术在 Web 平台上的应用非常广泛，已有许多 Web ...

Feel free to skip the text below and experience WebCodecs in action What is WebCodecs? WebCodecs is a Web specification implemented in Chrome 94 (September 2021) It provides interfac ...

本文翻译至 WebCodecs Explainer 问题与动机 已有许多 Web API 在内部使用媒体编解码器来支持特定用途，比如: HTMLMediaElement and Media Source Extensions WebAudio (decodeAudioData) MediaRecorder WebRTC 但是还没有一种通用的方式来灵活 ...

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

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