html位图播放,javascript – HTML5视频帧捕获到位图

我有这个脚本：

function capture(video, scaleFactor) {

if(scaleFactor == null){

scaleFactor = 1;

}

var w = video.videoWidth * scaleFactor;

var h = video.videoHeight * scaleFactor;

var canvas = document.createElement('canvas');

canvas.width = w;

canvas.height = h;

var ctx = canvas.getContext('2d');

ctx.drawImage(video, 0, 0, w, h);

return canvas;

}

function shoot(){

var video = document.getElementById(videoId);

var output = document.getElementById('output');

var canvas = capture(video, scaleFactor);

canvas.onclick = function(){

window.open(this.toDataURL());

};

snapshots.unshift(canvas);

output.innerHTML = '';

for(var i=0; i<1; i++){

output.appendChild(snapshots[i]);

}

}

我想要做的是将快照导出到位图图像.我读到我可以使用这一行：

canvas.toDataURL('image/jpeg');

但我不知道在哪里添加它.

有任何想法吗？