如何在javascript中合并datauris类型:image / png到mpg视频文件

时间:2013-12-28 23:22:14

标签: javascript html5-canvas

如果我让我们说10 png datauris我可以将它们转换为二进制但我不知道如何从那里开始,我知道最后它必须被送到blob对象所以它变成了mpg文件,而不是使用视频播放器下载或播放。

到目前为止,将画布转换为视频的唯一解决方案是下载或发送到服务器1000的png文件......这是非常不切实际的。但是,如果可以将datauri操作为blob文件,那么它就是mpg文件。

如果有一个图书馆,我会很感激。因为我不想或想到可以掌握文件结构。

我的目标是将画布上的动画转换为视频文件,而无需运行其他脚本或技巧将10000 png文件转换为mpg ....等。

所以我有......

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAABbElEQ…QgmAEMp4UUBDOA4bSQgmAGMJwWUhDMAIbzFrIxpp9xzgVKUgFlH7KerAAAAABJRU5ErkJggg=="

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAABbElEQ…QgmAEMp4UUBDOA4bSQgmAGMJwWUhDMAIbzFrIxpp9xzgVKUgFlH7KerAAAAABJRU5ErkJggg=="

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAABbElEQ…QgmAEMp4UUBDOA4bSQgmAGMJwWUhDMAIbzFrIxpp9xzgVKUgFlH7KerAAAAABJRU5ErkJggg=="

然后我可以合并并将其转换为至少某种方式...... "data:video/mpg;base64,iVBORw0KGgoA*******whatever*********AAABw4pVUAAABbElEQ…QgmAEMp4UUBDOA4bSQgmAGMJwWUhDMAIbzFrIxpp9xzgVKUgFlH7KerAAAAABJRU5ErkJggg=="

1 个答案:

答案 0 :(得分:0)

您可以尝试whammy js。它需要上下文,视频的持续时间和隐蔽性。 Whammy js链接 https://github.com/antimatter15/whammy