在Chrome 63上绘制到画布时视频卡顿

时间:2018-01-13 20:27:16

标签: javascript html5 google-chrome canvas video

我正在运行一个将播放视频绘制到画布上的循环。它过去一直顺利工作,直到最后一次镀铬更新,现在视频正在口吃,前方向前跳2帧,然后向后跳一帧。相同的代码在firefox和opera上顺利执行。

我目前正在测试chrome 63.0.3239.132 谁有人偶然发现了这个问题?

这是我测试的代码:



var canvas, context, video;
function drawingLoop() {
	window.requestAnimationFrame(drawingLoop);
	context.drawImage(video, 0, 0);
}

canvas = document.createElement('canvas');
document.body.appendChild(canvas);

video = document.createElement('video');
video.addEventListener("loadeddata", function() {
	canvas.width = video.videoWidth;
	canvas.height = video.videoHeight;
	context = canvas.getContext('2d');
	video.play();
	window.requestAnimationFrame(drawingLoop);
});
video.autoplay = false;
video.src = "http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4";
video.load();




0 个答案:

没有答案