给视频批量截图, 创建多个视频预览图, 并保存到本地.
点击脚本按钮 [开始截图], 会根据给定的 截图间隔 , 对当前页面中的视频进行截图.
从 0 秒开始, 每隔 n 秒截取一张图片, 直至视频结束. 视频结束的最后 1 秒也会截取一张图片.
在全部图片截取之后, 会将其转化为图片, 并且保存为压缩包下载到本地.
截图过程中请勿播放视频, 可能会导致脚本无法正确运行.
| 配置项 | 类型 | 内容 | 默认值 |
|---|---|---|---|
| 截图间隔(s) | number | 每隔多少秒会截图一张图片 | 600 |
| 截图显示时间戳 | boolean | 开启后, 在生成的截图的左上角, 会显示当前截图的时间. (如 06:05:00) | true |
| 特定网站容器指定 | string | 如果不懂 css-selector , 请勿随意操作该项 给网站指定 特定的视频容器 css选择器, 默认配置为抖音的视频容器. |
www.douyin.com -> [data-e2e="feed-active-video"] video |
在某些网站中, 一个页面中可能存在多个视频容器, 默认的选择器是 video , 也就是选中页面中的第一个视频元素.
但是如果想要截图的视频, 并非第一个视频元素, 那么就需要使用 特定网站容器指定 .
其格式为 <host> -> <selector>.
<host>: 为网站的 host, 即一个网址从 https:// 开始, 直到到遇到第一个斜杠 / 中间的内容.
如抖音 https://www.douyin.com/?recommend=1 中的 www.douyin.com.
但是如果直接把整个网址写上去, 如 https://www.douyin.com/?recommend=1 也是支持解析的 (会被解析成 www.douyin.com), 但是不好看. <selector>: CSS选择器.示例
通过换行区分多个不同的网站
www.douyin.com -> [data-e2e="feed-active-video"] video
www.bilibili.com -> video
解析
以及一些常用网址, 只有抖音需要特殊指定.
| host | selector | 备注 |
|---|---|---|
| www.douyin.com | [data-e2e="feed-active-video"] video |
抖音 |
| www.bilibili.com | video |
B站 |
| www.iqiyi.com | video |
爱奇艺 |
| www.acfun.cn | video |
A站 |
| 优酷. 优酷做了不知道什么处理, canvas 无法绘制视频帧, 并不是脚本的问题 |