为什么要写这篇文章

人啊，有时候真想突然暴富，最近有个想法，就是做个配置平台去制作视频，例如通过canvas绘制一棵树，然后把这个过程转成视频。想来想去想了几个方案。

通过canvas捕捉媒体流

该方案主要是通过canvas.captureStream获取一个实时视频捕获的画布.再通过mediaRecorder录制成视频，这里有个MDN的例子：developer.mozilla.org/en-US/docs/… 这里浏览器的兼容性问题要重点考虑一下。

把canvas的绘制过程每一帧截图，然后把这些序列帧合成视频

上一篇文章也提到了，ffmpeg音视频处理工具，我们能够把绘制过程，每一帧进行截图，通过canvas.toDataURL生成base64，再转成blob,最后通过ffmpeg把序列帧生成视频，这里考虑的点是序列帧每一帧图片的大小以及图片清晰度。

总结

其实这两个方案都还只是大概，还有很多问题要考虑，之后考虑在低代码平台和视频剪辑平台上用到这两个方案。 这只是我的一个碎碎念文章。未来可期，兄弟们，干饭。