网上这个开源项目，是一个可视化的音乐播放器，可以根据音乐动态的创建可视化节奏。 https://github.com/leon-kfd/g-music-visualizer#run-the-project
[img]https://i.imgur.com/6Rv3Uuu.png[/img]
它的这个可视化是用 ant-canvas 做的，请问大佬们，怎么将这个 canvas 导出成 mp4 格式的呢？
This topic created in 953 days ago, the information mentioned may be changed or developed.
 | 1 ChatGPTPRO OP 图片咋显示不了 |
 | 2 iOCZ Oct 7, 2023 canvas 肯定是每隔一段时间绘制一帧，那就是把很多帧合成视频 |
 | 3 codehz Oct 7, 2023 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 格式 相关代码网上一大堆，这里就不列了 |
| 4 ChatGPTPRO OP |
| 5 ChatGPTPRO OP |
| 6 codehz Oct 7, 2023 @ChatGPTPRO 你可以从里面挖出原始 canvas 的啊，再不行直接 document.getElementsByTagName('canvas') |
| 7 ChatGPTPRO OP @codehz 哈哈哈 我主后端，前端这些不是很熟。谢谢大佬 我试一下 |
| 9 ChatGPTPRO OP @iOCZ 大佬牛逼 |
Select Language