如果可以获取到页面中 HTML5 的视频并且原生的右键菜单可用,则会在右键菜单中显示把当前的视频帧上传到微相册的选项,上传流程和上述图片一样。
如果页面中 HTML5 视频在其他容器的下层,或者原生的右键菜单被屏蔽了。可以使用默认快捷键 Shift+Alt+T (可在 chrome://extensions 键盘快捷键中修改按键)来修改页面元素,让 HTML5 视频可以被右键菜单捕获并且原生右键菜单这时候处于可用状态。需要注意,在页面元素处于修改状态中,页面上的其他元素不可以被鼠标选中,并且页面周围会显示红白相间的条纹表示页面元素处于修改状态。再次按下快捷键 Shift+Alt+T 即可退出这种状态,恢复正常。
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 的请求,已经提了反馈,待确认。如果可以修复这个问题,后期可以支持上面所说的简单的播放方式。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.