【实战技巧】前端播放本地视频并实现截图功能（中）

原创

于 2022-05-16 13:58:03 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#音视频 #前端

本文介绍了如何在前端使用ffmpeg库播放本地视频，并实现截图功能。详细讲解了ffmpeg.FS、ffmpeg.exit、ffmpeg.setLogging等方法的用法，以及如何处理文件获取、日志设置、进度获取和错误处理。特别提到了在内网环境下加载ffmpeg核心文件的解决方案和在遇到错误时的配置调整。

ffmpeg.FS

ffmpeg.FS(method, ...args) 用来运行 FS 操作。

对于 ffmpeg.wasm 的输入/输出文件，需要先将它们保存到 MEMFS 以便 ffmpeg.wasm 能够使用它们。这里我们依赖 Emscripten 提供的 FS 方法♂️。

参数如下

method: 需要执行的方法名。
args: 执行方法对应的参数。

/* Write data to MEMFS, need to use Uint8Array for binary data */
// 把文件存入内存中
ffmpeg.FS('writeFile', 'video.avi', new Uint8Array(...));
/* Read data from MEMFS */
// 在内存中读取
ffmpeg.FS('readFile', 'video.mp4');
/* Delete file in MEMFS */
// 在内存中删除
ffmpeg.FS('unlink', 'video.mp4');