相关疑难解决方法(0)

我有一个带有一些图像的常规HTML页面(只是常规的<img />HTML标签).我想得到他们的内容,优选base64编码,而不需要重新下载图像(即它已经被浏览器加载,所以现在我想要内容).

我很想用Greasemonkey和Firefox实现这一目标.

我已经编写了这个函数来捕获GIF的每个帧,但是输出非常滞后并且在数据增加时崩溃.有什么建议 ？

代码:

    function createGifFromPng(list, framerate, fileName, gifScale) {
            gifshot.createGIF({
                'images': list,
                'gifWidth': wWidth * gifScale,
                'gifHeight': wHeight * gifScale,
                'interval': 1 / framerate,
            }, function(obj) {
                if (!obj.error) {
                    var image = obj.image;
                    var a = document.createElement('a');
                    document.body.append(a);
                    a.download = fileName;
                    a.href = image;
                    a.click();
                    a.remove();
                }
            });
        }
/////////////////////////////////////////////////////////////////////////

function getGifFromCanvas(renderer, sprite, fileName, gifScale, framesCount, framerate) {
            var listImgs = [];
            var saving = false;
            var interval = setInterval(function() {
                renderer.extract.canvas(sprite).toBlob(function(b) {
                    if (listImgs.length >= framesCount) {
                        clearInterval(interval); …

我正在从 html canvas 获取图像，并希望将这些图像转换为视频。寻找漫长而艰苦。只是想拍几张照片并将它们制作成视频。我设法将多个图像传递给库引擎，它返回给我一个数组缓冲区。

我的问题：

如何获取数组缓冲区并在视频标签中播放它或将其转换以便可以播放。

根据要求：

//You can simply call:
var frames = [];//array to hold each image/frame url
frames.push(canvas.toDataURL('image/png'));//get the data url from canvas

但我的问题更多地涉及使用 arraybuffer 作为视频标签的 uri。