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

Question

具体的用例主要是youtube，尽管我更喜欢为任何html5视频截图。很难在youtube上拍出完美的屏幕截图，因为底部的面板和模糊的东西。我是从一个greasyfork脚本得到这个想法的，它有一个功能可以做同样的事情，除了它下载文件而不是保存到剪贴板上。每次保存一个文件都很混乱，我不得不复制粘贴它，所以直接复制会更好。

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

应该可以复制图像，但没有：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行(虽然相关部分很小)，注释是中文的

Answer 1

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

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