# @framekit/webm-writer-esm 中文文档

规范地址：https://npmcn.com/package/%40framekit/webm-writer-esm/

版本：0\.1\.0
npm 元数据更新时间：2022-04-04T09:15:16.236Z
中文译文更新时间：2026-11-15T11:47:42.207Z
软件包许可：BSD-3-Clause

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40framekit/webm-writer-esm
原文对照：https://npmcn.com/package/%40framekit/webm-writer-esm/?lang=original
项目主页：https://github.com/framekitjs/webm-writer-esm#readme
源码仓库：https://github.com/framekitjs/webm-writer-esm

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：97.9 kB，9 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2022-04-04T09:15:15.897Z
- 最新版本发布：2022-04-04T09:15:16.091Z
- 近 30 天下载量：2437（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：1（近 12 个月 0 个）

## 中文简介

Canvas 框架的 WebM 编码器

## 安装

```sh
npm install @framekit/webm-writer-esm
```

也可以使用：`pnpm add @framekit/webm-writer-esm`、`yarn add @framekit/webm-writer-esm`、`bun add @framekit/webm-writer-esm`

## README

# WebM 作家无害环境管理

这个项目是一个叉子 [网络写作员-js](https://github.com/thenickdude/webm-writer-js)。库可以将浏览器帆布框转换为WebM电影。 该项目增加了对本土无害环境管理出口的支持,WebCodec的EncodedVideoChunks,以及VP9视频代码(有WebCodecs).

## 兼容性

通过使用 Cavas 框架转换为 WebM 框架 [画布.`toDataUrl('image/webp')`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL) 目前为 [只支持基于 Firefox 和 Chromium 的浏览器](https://caniuse.com/mdn-api_htmlcanvaselement_todataurl_type_parameter_webp)。 。 。 .

## 安装和使用

### 在浏览器中

网络M Writer MESC可以通过一个CDN在浏览器中的脚本标签包含:

```
<script src="https://unpkg.com/@framekit/webm-writer-esm/"></script>
```

或者如果本地下载 :

```
<script src="path/to/dist/webm-writer.js"></script>
```

库导出到 `WebMWriter` 对象.

### 在节点

从命令行:

```
npm install @framekit/webm-writer-esm
```

然后在你的文件中:

```js
import { WebMWriter } from '@framekit/webm-writer-esm';
```

### 使用量

作为编码器 :

```js
var writer = new WebMWriter({
  quality: 0.95, // (Encoder Only) Image Quality from 0.0 to 0.99999, 1 is not supported
  frameRate: 60  // Frames Per Second
});
async function run() {
  for (let i = 0; i < 300; i++) {
    writer.addFrame(canvas);
  }
  var blob = await writer.complete();
  // do something with `blob`;
}
run();
```

### 从 [网络写作员-js](https://github.com/thenickdude/webm-writer-js)

-   重新编排格式
-   转换为ES模块(并通过滚动捆绑)
-   添加函数 `addChunk` ,可以使用 Encoded VideoChunks 提供 [aPI 网络密码](https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API)
-   添加 VP9 代码支持( 有 WebCodec)

### 许可证

该项目根据BSD 3-Clause许可证获得许可证。 这个 [此工程来自](https://github.com/thenickdude/webm-writer-js) 获得许可证的 [WPFPLv2 (英语)](https://en.wikipedia.org/wiki/WTFPL)。 。 。 .

## 常见问题

### @framekit/webm-writer-esm 是什么？

Canvas 框架的 WebM 编码器

### 如何安装 @framekit/webm-writer-esm？

在项目目录运行 npm install @framekit/webm-writer-esm，或使用 pnpm add / yarn add / bun add。

### @framekit/webm-writer-esm 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/framekit\_\_webm-writer-esm 是否存在。

### @framekit/webm-writer-esm 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @framekit/webm-writer-esm 可以商用吗？

@framekit/webm-writer-esm 使用 BSD-3-Clause 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。另外不得用原作者名义为衍生产品背书。以上为概括，不构成法律意见，请以许可原文为准。

### @framekit/webm-writer-esm 的下载量有多少？

根据 npm 官方下载统计，@framekit/webm-writer-esm 在 2026/10/16 – 2026/11/14 这 30 天内被下载 2,437 次，日均约 81 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @framekit/webm-writer-esm 还在维护吗？

最新版本 0\.1\.0 发布于 2022/04/04（4 年前）；至今共发布 1 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/04/04。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。