js视频抓图

最新推荐文章于 2024-08-08 08:06:26 发布

天边那朵云

最新推荐文章于 2024-08-08 08:06:26 发布

阅读量991

点赞数 1

分类专栏： js html

本文链接：https://blog.csdn.net/github_38108899/article/details/82781624

版权

js 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

html

14 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <video id="video" src="0001-0120.mkv" loop autoplay></video>
    <button onclick="capture()">抓图</button>
    <canvas id="canvas" width="400" height="300"></canvas>
</body>
<script>

    ctx = canvas.getContext("2d");
  function capture(){
        ctx.drawImage(video, 0, 0, 400, 300);
  }
</script>
</html>

获取图像信息 let imageData = canvas.toDataURL(); 默认是"png”格式的图像信息