可以使用HTML5 MediaSource动态生成任意尺寸和长度的单色视频吗？

假设我有一个允许用户选择宽度,高度,颜色和持续时间的页面.我希望页面然后生成那些尺寸和持续时间的视频,该视频只是该颜色的静态帧,然后将在该页面上的

例如:如果用户选择704x396 + rgb(0,0,0)+ 00:00:15,那么我想生成一个

据我所知,MediaSource只允许我在浏览器支持的实际视频编解码器中提供原始视频字节.它没有任何"更高级别"的API,例如允许我提供单个帧的东西.

如果不是MediaSource,还有其他方法可以做到这一点(除了捆绑编译为JS的webm/MP4编码器当然)？

使用canvas.captureStream()和MediaRecoder.

HTMLCanvasElement-captureStream

MediaRecorder

目前适用于Firefox.很快就会在某一天在Chrome上工作.