搜索

回答

通过drawImage即可实现，将video视频播放，然后创建一个canvas画布，将视频播放到指定的时间进度，使用drawImage截图即可，示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Extract Video Frame</title>
</head>
<body>
    <video id="myVideo" width="0" height="0" controls muted>
        <source src="//repo.bfw.wiki/bfwrepo/video/5d8449e2482ad.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <canvas id="myCanvas" width="640" height="360"></canvas>

    <script>
        // 获取 video 元素和 canvas 元素
        var video = document.getElementById("myVideo");
        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");

        // 监听视频加载完成事件
        video.addEventListener("loadeddata", function() {
            // 设置视频当前时间（以秒为单位）
            var targetTime = 5; // 指定时间为5秒
            video.currentTime = targetTime;

            // 监听视频帧绘制完成事件
            video.addEventListener("seeked", function() {
                // 在 canvas 上绘制当前视频帧
                context.drawImage(video, 0, 0, canvas.width, canvas.height);

                // 此时 canvas 中包含了指定时间的视频帧
                // 可以使用 canvas.toDataURL 或其他方式导出图像
            });

            // 触发 seeked 事件
            video.currentTime = targetTime;
        });

        // 加载视频源
        video.load();
    </script>
</body>
</html>

网友回复

我知道答案，我要回答

我有问题

回答

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？

python如何做个RPA按键精灵的程序？

写一个windows的cmd的python代码如何在命令行中捕获获取复制粘贴的图片？

如何将别人爆款的抖音短视频短剧文案提取为seedance2的提示词？

阿里云域名dns云解析10万次日限额如何应对？

windows电脑如何提交上架ipa苹果应用？