微博图床 支持上传 HTML5 视频的当前帧了,截视频画面更方便啦

2017-08-09 19:00:50 +08:00
 MinonHeart

微博图床新增功能

最初帖

如果可以获取到页面中 HTML5 的视频并且原生的右键菜单可用,则会在右键菜单中显示把当前的视频帧上传到微相册的选项,上传流程和上述图片一样。

如果页面中 HTML5 视频在其他容器的下层,或者原生的右键菜单被屏蔽了。可以使用默认快捷键 Shift+Alt+T (可在 chrome://extensions 键盘快捷键中修改按键)来修改页面元素,让 HTML5 视频可以被右键菜单捕获并且原生右键菜单这时候处于可用状态。需要注意,在页面元素处于修改状态中,页面上的其他元素不可以被鼠标选中,并且页面周围会显示红白相间的条纹表示页面元素处于修改状态。再次按下快捷键 Shift+Alt+T 即可退出这种状态,恢复正常。

  1. 红白相间的条纹提示线
  2. 原生的右键菜单
  3. 在页面未修改场景下的右键菜单

Chrome 商店安装地址: https://chrome.google.com/webstore/detail/pinjkilghdfhnkibhcangnpmcpdpmehk

GitHub 项目地址: https://github.com/Aqours/Weibo-Picture-Store


为什么会提示 [当前资源的网络请求不符合 CORS 规范,无法读取资源的数据] ?

如果视频的网络请求不符合 CORS 规范,无法读取视频的数据,也没办法截图图片。YouTube、哔哩哔哩这些视频都是没有问题,如果是

// 简单的方式
<video src="http://example.com/video.mp4">

// CORS 的方式,并且服务器返回合适的 Access-Control-Allow-Origin 和 Access-Control-Allow-Credentials
<video src="http://example.com/video.mp4" crossorigin="[enum_value]">

这种简单播放方式且没有以 CORS 方式发起请求,则在上传时会出现上述提示。

目前 Chrome 插件无法将普通请求转换为 CORS 的请求,已经提了反馈,待确认。如果可以修复这个问题,后期可以支持上面所说的简单的播放方式。

2804 次点击
所在节点    分享创造
6 条回复
Kokororin
2017-08-10 11:34:29 +08:00
水团 666
ajan
2017-08-11 15:10:27 +08:00
@MinonHeart 安装此扩展后,在 QQ 邮箱查看邮件时界面乱了,加了两个红色连框的遮挡层!
lengxx
2017-08-11 16:05:11 +08:00
这个在 QQ 邮箱的红框是这个扩展搞的。。
MinonHeart
2017-08-11 19:54:50 +08:00
@ajan
@lengxx 这个问题昨天就修了,请更新扩展到 2.2.5
zonzin
2017-08-16 20:06:06 +08:00
不大懂究竟上传到哪去了。是需要登录自己的微博才能用吗?怎么管理这些图片。
MinonHeart
2017-08-17 10:22:02 +08:00
@zonzin FAQ 里有说明

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/381750

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX