微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何通过 chrome 的控制台截取 html5 视频当前帧的屏幕截图并将其复制到剪贴板

如何解决如何通过 chrome 的控制台截取 html5 视频当前帧的屏幕截图并将其复制到剪贴板

特定用例主要用于 youtube,尽管我更希望能够为任何 html5 视频截取屏幕截图。由于底部的面板和模糊的东西,很难在 youtube 上截取完美的屏幕截图。我从 greasyfork 脚本中得到了这个想法,该脚本具有执行相同操作的功能,除了下载文件而不是保存到剪贴板。每次都保存一个文件很麻烦,无论如何我都必须复制粘贴,所以直接复制会更好。

我将通过 tampermonkey 或其他一些可以通过快捷方式在 chrome 控制台上执行代码的扩展程序运行 javascript 代码。我的计划是以某种方式将脚本中的帧提取代码与复制图像到剪贴板代码合并,但这些都不起作用。

应该可以复制图像,但没有: https://stackoverflow.com/a/59462028/13457082

脚本链接https://greasyfork.org/zh-CN/scripts/381682-html5%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E5%99%A8%E5%A2%9E%E5%BC%BA%E8%84%9A%E6%9C%AC

脚本代码https://p.ip.fi/nWOq
代码3346行(相关部分较少),中文注释

解决方法

屏幕捕获功能可能可以使用此处描述的屏幕捕获 API 来完成:https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture

棘手的部分是将图像复制到剪贴板。您可以做的是将图像转换为 blob,然后调用 navigator.clipboard.write 函数并将 blob 附加到它

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。