Fatal编程技术网
  • javascript/
  • Javascript 将base64视频绘制到画布？

Javascript 将base64视频绘制到画布？

javascript canvas html5-canvas

Javascript 将base64视频绘制到画布？,javascript,canvas,html5-canvas,base64,Javascript,Canvas,Html5 Canvas,Base64,如何在画布上绘制base64视频 var canvas=document.getElementById（“myCanvas”）； var ctx=canvas.getContext（“2d”）； var video=新视频（）； video.onload=函数（）{ ctx.drawVideo（视频，0,0）； //ctx.fillText（“Hello World”，10,50）； }; video.src=“数据：video/mp4；base64，AAAAIGZ0eXBpc29tAAACA

如何在画布上绘制base64视频

var canvas=document.getElementById（“myCanvas”）；
var ctx=canvas.getContext（“2d”）；
var video=新视频（）；
video.onload=函数（）{
ctx.drawVideo（视频，0,0）；
//ctx.fillText（“Hello World”，10,50）；
};
video.src=“数据：video/mp4；base64，AAAAIGZ0eXBpc29tAAACAGlzb21……”。。。。。。。
AWXZDAAACOPDG9VAAAAG2Rhdgeaaaaaaaaaadexhdmy4YNC4Y”

$（函数（）{
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
var video=document.createElement（“视频”）；video.setAttribute（“src”），“http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv");
video.play（）；
video.addEventListener（'play'，function（）{
var$this=this；//缓存
（函数循环（）{
如果（！$this.paused&！$this.end）{
ctx.drawImage（$this，0，0）；
ctx.fillText（“Hello World”，10,50）；
setTimeout（循环，1000/30）；//以30fps的速度绘制
}
})();
}, 0);
});