fabricjs可以';t使用canvas.loadFromJSON加载视频

fabricjs可以';t使用canvas.loadFromJSON加载视频,canvas,html5-canvas,fabricjs,Canvas,Html5 Canvas,Fabricjs,这是chrome控制台信息 “加载数据时出错:视频/mp4;base64,数据URL' 如何使用canvas.loadFromJSON加载视频?Lame我没有使用stackoverflow来评论而不是回答,但仍然如此。最初通过Image类加载视频时,需要调用 var jsonData = { "objects" : [ { "type" : "image", "left" : 167, "top" :

这是chrome控制台信息

加载数据时出错:视频/mp4;base64,数据URL'


如何使用canvas.loadFromJSON加载视频?

Lame我没有使用stackoverflow来评论而不是回答,但仍然如此。最初通过Image类加载视频时,需要调用

var jsonData = {
   "objects" : [ 
        {
            "type" : "image",
            "left" : 167,
            "top" : 97,
            "width" : 480,
            "height" : 240,
            "id" : "DIN8DIF1",
            "userId" : "ITNTMB1B",
            "userName" : "Developer 1",
            "createTime" : "2016-01-08 14:45:28",
            "lastModify" : "2016-01-08 14:45:28",
            "src" : "data:video/mp4;base64,//data url
            "filters" : [],
            "crossOrigin" : ""
        }, 

    ],
    "background" : "#ffffff",
    "width" : 750,
    "height" : 530
}
canvas.loadFromJSON(jsonData);
…以便将其渲染为视频。我认为,当加载JSON时,它仍然将其视为一个图像文件,而不是调用上述函数。如果有一种方法可以将类型标识为video而不是image,那么将此函数添加到If(type=video)语句中,那么它可能会工作


但首先我想知道,当您通过JSON加载时,它是否真的在画布上放置了一个空白图像对象。或者如果你真的解决了这个问题,请告诉我们

请添加一些您尝试过的代码。您正在加载图像对象,但提供视频数据?我不确定,但这似乎是合法的,没有显示任何内容。fabricjs可以使用其图像类渲染视频,问题是当您从json加载回视频时,视频不是预期的。请您提供一把我能看到这件事的小提琴好吗?
fabric.util.requestAnimFrame(function render() {
  canvas.renderAll();
  fabric.util.requestAnimFrame(render);
});