网站建设 英文怎么说,做的一个网站多少钱,公司请人做的网站 域名属于谁,自己设计商标logo软件起因是看 B 站视频想截个图很麻烦#xff0c;右下角暂停按钮无法去除#xff0c;于是写了一行代码把暂停按钮隐藏。
后经提醒#xff0c;发现可以通过 canvas 获取视频帧来截取图片#xff0c;于是写了如下代码完美获取视频帧。 var v document.querySelector(.bpx…起因是看 B 站视频想截个图很麻烦右下角暂停按钮无法去除于是写了一行代码把暂停按钮隐藏。
后经提醒发现可以通过 canvas 获取视频帧来截取图片于是写了如下代码完美获取视频帧。 var v document.querySelector(.bpx-player-video-wrap video);var myCanvas new OffscreenCanvas(v.videoWidth,v.videoHeight);var ctx myCanvas.getContext(2d);ctx.drawImage(v, 0, 0, v.videoWidth, v.videoHeight)myCanvas.convertToBlob().then(blob {const fileName screenshot.png;const d document.createElement(a)d.href window.URL.createObjectURL(blob)d.download fileNamed.style.display nonedocument.body.appendChild(d)d.click()document.body.removeChild(d)window.URL.revokeObjectURL(d.href)})用法f12 打开 console 把这段代码粘贴回车执行即可下载视频帧。
完成后又稍作改进把这段代码转成 chrome 插件可以通过右键来下载视频帧也可以用快捷键下载。 GitHub - Vant1032/BilibiliVideoCaptureImage: 截取B站当前视频帧保存为图片
各位可以去体验下这款插件厚脸皮要个 star 有什么问题也可以通过 issue 反馈。
以下是我使用这款插件对 B 站不同分辨率视频在 HEVC 编码下最终插件保存的图片大小测试
分辨率png4k7MB1080p 高码率2.8MB1080p2.1MB720p700KB
对于用 1080p 、2k 显示器的人看 4k 视频截屏无法截出 4k 的分辨率受到了显示器分辨率限制而使用我的插件就可以完美截取视频原始的分辨率的图片画质党福音。
