JS audio加图片序列或canvas转webM/MP4的实现
💡
原文中文，约7900字，阅读约需19分钟。
📝
内容提要
本文介绍了如何使用WebCodecs API在前端生成带音频的MP4视频和纯画面的MP4视频。作者提供了mp4-muxer项目，可以辅助在Web浏览器中合成MP4视频。
🎯
关键要点
- 本文介绍了如何使用WebCodecs API生成带音频和纯画面的MP4视频。
- Web端生成webM视频的技术相对成熟，使用whammy.js和webm-writer.js实现。
- webm-writer.js支持在前端生成webM视频，但不支持添加音频。
- Chrome 94开始支持WebCodecs API，使得带音频的视频合成成为可能。
- 使用AudioEncoder和VideoEncoder进行音频和视频的编码，并合并封装。
- webm-muxer项目提供了基于WebCodecs API的webM视频合成解决方案。
- mp4-muxer项目可以辅助在Web浏览器中合成MP4视频，语法与webm-muxer类似。
- MP4视频合成对音频文件的质量要求更高，采样率至少为44100。
- 不带音频的MP4合成速度极快，适合各种浏览器和操作系统播放。
- 作者鼓励分享和学习WebCodecs API，强调深入理解音视频处理的重要性。
🏷️
标签
➡️
