Делайте снимки со всех кадров в видео теге

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();
  }
}

эта функция может снимать только скриншот с текущего кадра, но я хочу сохранить все кадры.