Скриншот видео HTML5

Я пытаюсь сделать снимок экрана видео с заранее заданным временем в фильме. Я попробовал это с элементом холста. Дело в том, что видео должно воспроизводиться, когда вы рисуете изображение видео, но мне нужно, чтобы изображение все еще было приостановлено. Итак, я попробовал следующее:

video.play();
context.drawImage(video,0,0,canvas.width,canvas.height);
video.pause();

Но, как вы, наверное, догадались, видео останавливается до того, как холст завершает рисование, в результате чего снимок экрана не появляется. Так есть ли функция обратного вызова для drawImage? В моем случае процесс рисования занимает около 50 мс, но это небезопасно:

setTimeout(function() { video.pause(); }, 50);