从视频标签中的所有帧拍摄快照

Question

我正在使用我的网络摄像头在按下按钮后从所有帧中截取屏幕截图，并将其存储在文件夹中。有解决这个问题的解决方案吗？

function takepicture() {
  var context = canvas.getContext('2d');
  if (width && height) {
    canvas.width = width;
    canvas.height = height;
    context.drawImage(video, 0, 0, width, height);

    var data = canvas.toDataURL('image/png');
    photo.setAttribute('src', data);
  } else {
    clearphoto();
  }
}

此功能只能从当前帧中获取屏幕截图，但我想存储所有帧。