WebAV SDK（Web 视频编辑）V1 发布

前言 WebAV 是基于 WebCodecs 构建的 SDK，用于在 Web 平台上创建/编辑视频文件。 V1 对项目来说是里程碑版本，意味着 API 已经稳定，且功能的稳定性也经过了长时间的考验，可用于生产环境。 我在 20 年加入 B 站，开始接触 Web 音视频相关的知识（Web 播放器）， WebCodecs API 在 21 年发布； 我预期 WebCode ...

纯 Web 视频剪辑

前言 WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。 读者可阅读笔者的入门系列文章获取更详细的信息，或直接使用 WebAV 开源项目在浏览器中创建/编辑音视频文件。 背景 & 方案 为了解决主播投稿场景中，需要对直播视频进行简单编辑的诉求， ...

手残党的【黑神话·悟空】笔记

wukong 背景 黑神话·悟空是 2024 年发行的现象级单机游戏。 笔者小时候看电视剧、动画片时就曾”梦”幻西游，四年前看了首支实机演示就很期待； 所以即便是典型的手残玩家、3D 眩晕症患者也不愿错过。 本文从一个手残玩家视角，记录一些游玩心得，随缘更新。 设备 笔者 ...

Google IO 分享 WebCodecs、OPFS 文字版

背景 2024 北京 Google I/O 邀请我参加合作者开发者论坛，主题是 "Build powerful Web App"； 笔者近期在公司项目中实践 WebCodecs，对应的开源项目是 WebAV，在 Web 音视频领域算是相对前沿的探索； 本文主要分享基于 WebCodecs、OPFS 实现的视频剪辑产品，探讨这些 API 还有哪些应用场景； W ...

WebCodecs 性能表现及优化思路

笔者开源 WebAV 已经一年半，还写了系列文章帮助初学者入门 Web 音视频。 之前一直隐隐担心在 Web 平台处理音视频与 Native APP 会有明显性能差距，因为 WebCodecs API 毕竟被浏览器代理了一层，且一些数据处理需要 js 配合，不确定有多大的性能损耗。 相信刚接触 WebCodecs 的读者也非常关心它的性能表现如何。 ...

WebCodecs 编码字符串（codec）介绍

笔者的 Web 音视频系列文章 视频播放经常会看到这样的字符串 video/mp4; codecs="avc1.4d002a"，WebCodecs 编解码器初始化也需要配置 codec 参数，本文尝试简单介绍编码字符串含义。 视频编码分许多种类，每个种类还分多个版本，不同种类、版本对应的编解码算法、支持的能力（分辨率上限、色深等等）不同 ...

Web 网页自集成 HTTP 代理方案

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

Web 文件系统（OPFS 及工具）介绍

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

opfs-tools (文件系统 API) 项目介绍

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