前端音视频开发
前端中，前端视频有多种方案
- 1、可以通过canvas.captureStream()方法，可以让Canvas图像转成WebM或MP4视频，不过这个本质上是录屏，可是没有声音
- 2、通过ffmpeg.wasm
相关库
- @ffmpeg/core
- 提供了对 FFmpeg 的接口封装，使得开发者可以在 JavaScript 环境中直接调用 FFmpeg 的功能，完成各种音视频处理任务
- @ffmpeg/ffmpeg
- @ffmpeg/ffmpeg 基于 @ffmpeg/core 提供了一系列的方法，用于快速实现对音视频的转码、剪辑、添加水印、添加字幕等常见操作，同时还提供了更高级的功能，比如生成缩略图、提取音频、合并视频
相关文档
基本使用
import { FFmpeg } from "@ffmpeg/ffmpeg"
// 创建ffmpeg
const ffmpeg = new FFmpeg();
// 加载ffmpeg
await ffmpeg.load();
// 希尔
await ffmpeg.writeFile("video.avi", ...);
// ffmpeg -i video.avi video.mp4
await ffmpeg.exec(["-i", "video.avi", "video.mp4"]);
const data = ffmpeg.readFile("video.mp4");
视频转码
网站允许用户上传视频，并需要将其转码为特定格式