tomar_foto.js

//Escuchar el click del botón para tomar la foto
$boton.addEventListener("click", function() {

    //Pausar reproducción
    $video.pause();

    //Obtener contexto del canvas y dibujar sobre él
    let contexto = $canvas.getContext("2d");
    $canvas.width = $video.videoWidth;
    $canvas.height = $video.videoHeight;
    contexto.drawImage($video, 0, 0, $canvas.width, $canvas.height);

    let foto = $canvas.toDataURL(); //Esta es la foto, en base 64

    let enlace = document.createElement('a'); // Crear un <a>
    enlace.download = "foto_parzibyte.me.png";
    enlace.href = foto;
    enlace.click();
    //Reanudar reproducción
    $video.play();
});