带你更深层次地了解WebCodes，并且有最小实现案例（使用canvas绘制时间刻度尺、konva实现音频波形图）

🎥 Mediabunny：浏览器端的媒体处理工具库 一、核心定位 Mediabunny是一个纯TypeScript实现的浏览器端媒体处理库，它解决了Web生态中长期缺失的专业级媒体处理能力问题。与传统

最近有一个视频压缩网站忽然爆火外网，据说能够将视频压缩到原视频的10～20%，而且几乎不损失清晰度，不影响视频播放效果。

本文介绍了M3U8格式，以及一个基于Node.js开发的支持多线程并发批量下载M3U8视频的命令行工具，它可以根据给定的M3U8链接进行下载，然后转换为 mp4 格式，同时也支持 API 方式调用。

在B站Web投稿页中，封面、分区、标签的推荐功能都需要使用到视频截帧能力。历史上我们通过WebAssembly + FFmpeg来实现视频截帧。从去年开始，开始引入WebCodecs进行高性能截帧，截

在MP4文件格式中，整个视频容器都是由多个box和子box组成，根据box类型主要分为3大类：视频类型（ftyp）、视频数据（mdat）、视频信息（moov）。视频信息（moov）用来描述视频数据（mdat）。（注：还有一个主要box为moof box，因这里仅解释普通MP4格…

容器格式和 Box 我们知道，如今常见的 MP4 文件通常是指以 H264 为视频编码格式，AAC 为音频编码格式，以MP4（MPEG-4 Part 14）作为容器格式的文件

1.背景 在web端处理音视频是一个复杂而又重要的课题，市场上主流的视频编辑通常采用服务端进行渲染导出，因为专用的服务器对音视频的编解码能力更强，所以服务端渲染导出的速度很不错； 少数编辑器在浏览器本

- 一种新型的代码，可以运行在 Web 浏览器，提供一些新特性并主要专注于高性能 - 主要不是用于写，而是 C/C++、C#、Rust 等语言编译的目标，所以你即使不知道如何编写 WebAss