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

Question

虽然我更希望能够为任何 html5 视频截屏，但具体用例主要用于 youtube。由于底部的面板和模糊之类的东西，很难在 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行（相关部分虽小），注释为中文

标签： javascriptgoogle-chrome-devtoolshtml5-videotampermonkeywebpage-screenshot

Answer 1

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

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