js的视频截图原生

这里是纯原生js的视频截图

$(function () {
    //截图
    let video = document.getElementById("videoElement");
    let canvas = document.createElement("canvas");
    let img = document.createElement("img");
    let ctx = canvas.getContext("2d");
    let name = new Date().getTime() //时间戳
    $(".screenshottext").click(function () {
        captureVideo()
    })
    $(".screenshotlcon").click(function () {
        captureVideo()
    })

    function captureVideo() {
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        ctx.drawImage(video, 0, 0, 600, 600);
        let base64 = canvas.toDataURL()
        img.src = canvas.toDataURL();
        // document.body.append(img);
        dowImage(base64, "img_" + name)
    }
    const dowImage = (url, name) => {
        fetch(url).then(res => res.blob()).then(blob => {
            var a = document.createElement('a');
            var url = window.URL.createObjectURL(blob);
            a.href = url;
            a.download = name;
            a.click();
            window.URL.revokeObjectURL(url);
        })
    }



})