VUE整合FFmpeg及常用命令

一只大花卷er

已于 2022-03-01 14:52:36 修改

阅读量9.1k

点赞数 4

分类专栏： ffmpeg 文章标签： vue.js javascript 音视频

于 2022-03-01 14:47:58 首次发布

本文链接：https://blog.youkuaiyun.com/m0_46401243/article/details/123205478

版权

ffmpeg 专栏收录该内容

1 篇文章

订阅专栏

ffmpeg.wasm 是 FFmpeg 的纯 WebAssembly / JavaScript 端口。它支持在浏览器内录制、转换和流式传输视频和音频。
网址：https://ffmpegwasm.github.io#demo
文档：https://github.com/ffmpegwasm/ffmpeg.wasm/blob/master/docs/api.md#fetch-file

安装
安装 ffmpeg.wasm：
# 使用 npm
$ npm install @ffmpeg/ffmpeg @ffmpeg/core

使用

Browser
<body>
  <video id="player" controls></video>
  <input type="file" id="uploader">
  <script src="ffmpeg.min.js"></script>
  <script>
    const { createFFmpeg, fetchFile } = FFmpeg;
    const ffmpeg = createFFmpeg({ log: true });
    const transcode = async ({ target: { files } }) => {
      const { name } = files[0];
      await ffmpeg.load();
      ffmpeg.FS('writeFile', name, await fetchFile(files[0]));
      await ffmpeg.run('-i', name,  'output.mp4');
      const data = ffmpeg.FS('readFile', 'output.mp4');
      const video = document.getElementById('player');
      video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
    }
    document
      .getElementById('uploader').addEventListener('change', transcode);
  </script>
</body>
Node.JS
const fs = require('fs');
const { createFFmpeg, fetchFile } = require('@ffmpeg/ffmpeg');
const ffmpeg = createFFmpeg({ log: true });
(async () => {
  await ffmpeg.load();
  ffmpeg.FS('writeFile', 'test.avi', await fetchFile('./test.avi'));
  await ffmpeg.run('-i', 'test.avi', 'test.mp4');
  await fs.promises.writeFile('./test.mp4', ffmpeg.FS('readFile', 'test.mp4'));
  process.exit(0);
})();

常用命令

1. 视频转换

ffmpeg.FS('writeFile', `${info.file.name}`, await fetchFile(info.file));
await ffmpeg.run('-i', `${info.file.name}`, '-acodec', 'aac', '-vcodec', 'libx264', '-y', `${info.file.name.split('.')[0]}.mp4`);

2. 提取音频

await ffmpeg.run('-i',`${原视频}`,'-codec','copy','新命名.m4a');

3. 视频截图

await ffmpeg.run('-i',`${原视频}`,'-y','-f','image2','-ss','时间','-t','0.001','新命名.png');

也可以看看 ffmpeg常用命令
https://www.cnblogs.com/frost-yen/p/5848781.html