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

Arn*_*ion 3 video html5 media-source

假设我有一个允许用户选择宽度,高度,颜色和持续时间的页面.我希望页面然后生成那些尺寸和持续时间的视频,该视频只是该颜色的静态帧,然后将在该页面上的<video>标签中播放.我可以使用HTML5 MediaSource API执行此操作吗?

例如:如果用户选择704x396 + rgb(0,0,0)+ 00:00:15,那么我想生成一个<video>标签,播放的视频大小为704x396,长度为15秒,完全是黑色.如果你熟悉Aegisub的虚拟视频功能,那基本上就是我想模仿的东西.

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

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

小智 8

使用canvas.captureStream()MediaRecoder.

HTMLCanvasElement-captureStream

MediaRecorder

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