HTML5视频或JavaScript变量作为HTML2Canvas的输入
我已经环顾了StackOverflow和Google,想找到一个解决这个问题的方法,但到目前为止还没有成功。 从Django获取了包含动态呈现内容的HTML页面。所有这些都适用于标准文本和图像,但有时也会显示HTML5视频元素,在屏幕截图中显示为黑色图像,仅此而已。在上面添加海报也没用。有人知道有没有可能拍摄html5视频元素的截图?(不闪烁等) 若并没有,我的第二种方法是创建一个包含html内容的js变量,然后用视频的poster属性创建的图像替换视频。之后,将js变量发送到html2canvas进行屏幕截图。原因是我不能为用户改变页面的外观,所以我需要在后台做一些事情。我的想法是使用HTML5视频或JavaScript变量作为HTML2Canvas的输入,javascript,jquery,html2canvas,Javascript,Jquery,Html2canvas,我已经环顾了StackOverflow和Google,想找到一个解决这个问题的方法,但到目前为止还没有成功。 从Django获取了包含动态呈现内容的HTML页面。所有这些都适用于标准文本和图像,但有时也会显示HTML5视频元素,在屏幕截图中显示为黑色图像,仅此而已。在上面添加海报也没用。有人知道有没有可能拍摄html5视频元素的截图?(不闪烁等) 若并没有,我的第二种方法是创建一个包含html内容的js变量,然后用视频的poster属性创建的图像替换视频。之后,将js变量发送到html2canv
var content = $(".content").html();
content.replace(video, image); // pseudo here for sake of question
html2canvas(content, { ...
然而,这只会不断给我未捕获的类型错误:无法读取未定义的属性“images”
,所以想法失败了。。。
是否有人知道如何使其实际工作,或者可能有任何其他想法,如何用图像代替视频,以便html2canvas截图,但用户在网站上看不到任何变化?
提前谢谢大家 可以将html5视频元素捕获到“截图”上,前提是它不会污染画布(即跨来源内容)
目前,html2canvas不支持捕获视频或海报图像,但拉取请求总是受欢迎的。您能给我粘贴一个捕获html5视频的代码示例吗,我刚刚尝试了一个基本的html5视频原始示例,全部是本地的(没有跨来源的东西),而静止视频被忽略了……这只是你开始工作的地方吗?@MaRiNkO可以在上找到一个例子。你找到解决这个问题的方法了吗?