FFmpeg.wasm 使用教程

最新推荐文章于 2024-09-13 21:57:27 发布

钟日瑜

最新推荐文章于 2024-09-13 21:57:27 发布

阅读量456

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00278/article/details/141007647

版权

FFmpeg.wasm 使用教程

ffmpeg.wasmFFmpeg for browser, powered by WebAssembly项目地址:https://gitcode.com/gh_mirrors/ff/ffmpeg.wasm

项目介绍

FFmpeg.wasm 是一个纯 WebAssembly/JavaScript 版本的 FFmpeg，它使得视频和音频的录制、转换和流处理可以直接在浏览器中进行。该项目由 jeromewus@gmail.com 开发，拥有 183 名关注者，并托管在 ffmpegwasm.netlify.app。

项目快速启动

安装

首先，你需要在你的项目中安装 FFmpeg.wasm：

npm install @ffmpeg/ffmpeg @ffmpeg/core

基本使用

以下是一个简单的示例，展示如何在浏览器中使用 FFmpeg.wasm 进行视频转换：

import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';

const ffmpeg = createFFmpeg({ log: true });

async function run() {
  await ffmpeg.load();
  ffmpeg.FS('writeFile', 'test.mp4', await fetchFile('/path/to/your/video.mp4'));
  await ffmpeg.run('-i', 'test.mp4', 'output.avi');
  const data = ffmpeg.FS('readFile', 'output.avi');
  const video = document.getElementById('output-video');
  video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/avi' }));
}

run();