求助前端:如何将 Canvas 导出为 mp4 格式?

查看 64|回复 3
作者:ChatGPTpro   
网上这个开源项目,是一个可视化的音乐播放器,可以根据音乐动态的创建可视化节奏。
https://github.com/leon-kfd/g-music-visualizer#run-the-project

它的这个可视化是用 ant-canvas 做的,请问大佬们,怎么将这个 canvas 导出成 mp4 格式的呢?

canvas, 导出, mp4, 可视

ChatGPTpro
OP
  
图片咋显示不了
iOCZ   
canvas 肯定是每隔一段时间绘制一帧,那就是把很多帧合成视频
codehz   
canvas 可以用 captureStream 生成流
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/captureStream
然后用 MediaRecorder
https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder
不过这个只能生成 webm ,可以考虑使用 ffmpeg wasm 来转换成所需的 mp4 格式
相关代码网上一大堆,这里就不列了
您需要登录后才可以回帖 登录 | 立即注册

返回顶部