项目需求,在canvas中实时绘制video中的视频。百度了方法是同伙定时器实时的绘制video的每一帧画面。
在测试时发现在x5内核中canvas无法显示所绘制的画面,在手机自带浏览器,和PC端中则正常使用。有没有兄弟碰到过类似的请求支援!
var videoObj = $("#video")[0];
var ctx=$("#canvas")[0].getContext('2d');
var fps = 1000/30;
var timer = null;
timer=window.setInterval(function() {
ctx.drawImage(videoObj,-85,-150,170,300);
},fps);