龙空技术网

video.js 网页视频 截图 下载

Web初学者 100

前言:

现时同学们对“下载网页的js”大体比较重视,你们都需要剖析一些“下载网页的js”的相关知识。那么小编同时在网摘上收集了一些关于“下载网页的js””的相关文章,希望你们能喜欢,大家一起来学习一下吧!

视图里添加视频标签

<div class="videoPlayer">  <video class="vjs-tech"></video></div>
视图里加一个canvas标签
    <canvas id="localcanvasImg" width="1920" height="1080" style="display:none;"></canvas>
点击触发截图事件
      var video = document.querySelector(".videoPlayer .vjs-tech");      var canvas = document.querySelector("#localcanvasImg");      var ctx = canvas.getContext("2d");            ctx.drawImage(video, 0, 0, 1920, 1080);      var base64 = canvas.toDataURL("image/png");      var a = document.createElement("a");      a.download = '下载的图片的名称';  //下载的文件名,默认是'下载'      a.href =base64;       document.body.appendChild(a);      a.click();      a.remove();  //下载之后把创建的元素删除

标签: #下载网页的js #jsvideo画面清理