微博图床新增功能

如果可以获取到页面中 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 的请求,已经提了反馈,待确认。如果可以修复这个问题,后期可以支持上面所说的简单的播放方式。