From the author's Web Audio & Video Series When working with video playback, you'll often encounter strings like video/mp4; codecs="avc1.4d002a". WebCodecs encoders and dec ...

前言 大部分程序员，想必都有会一个常用的抓包代理工具； 但在座的各位，可曾见过这样一款集成在 Web 应用中的代理工具？ 它是明显区别于传统代理工具的，有以下特性： 零安装，零配置，Web 点击即用、APP 扫码即用；_（不 ...

文件系统是往往是构建大型软件的基石之一，很长一段时间 Web 平台因缺失成熟的文件系统成为构建大型软件的阻碍，如今 OPFS 可弥补这一缺憾。 本文介绍 OPFS 背景和基本使用方法、使用过程中的注意事项，及如何配合笔者开源的 opfs-tools、opfs-tools-explorer 两个项目，充分发挥 OPFS 的性能与开发效率。 Web 存储 A ...

文件系统是许多领域程序的基石，所有通用编程语言都会内置完备的文件系统 API。 Web 很长一段时间没有提供完善的访问文件系统的规范，使得需要高频读写文件、大文件处理软件在 Web 端都会受到一些限制，比如音视频剪辑、游戏、数据库等等。 之前在浏览器中实现视频裁剪、截帧等相关功能时，发现缺少基本的操作文件的 API，比如读写、移动、复制文件。 而 [OPFS] ...

用 interface 描述类型的结构，用 type 描述类型关系。 有点编程基础中数据结构与算法的味道。 结构即是类型的属性集合 // 如 Point3D 的属性集合： x, y, z。 interface Poi ...

​ 写博客好多年了，以前是随缘更新，无所谓有没有人看。 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 但是还没有一种通用的方式来灵活 ...