mp4-wasm基本使用mp4-wasm将canvas保存为MP4视频

mp4-wasm

它使用 WebAssembly 技术来提供 MP4 文件的解析或处理功能。示例

安装

npm i mp4-wasm

引用

import loadMP4Module from 'mp4-wasm/build/mp4';

常用API

// 初始化
const MP4 = await loadMP4Module();
const encoder = MP4.createWebCodecsEncoder({
	width: 1080,
	height: 1920,
	fps: 60
});
// 添加视频帧
await encoder.addFrame(frame)
// 输出arraybuffer
await encoder.end();

注意: 在引用的时候注意路径