chromecast - 如何在 chromecast 上制作屏幕截图？

Question

我想制作 Chromecast 设备运行的接收器应用程序的屏幕截图。
我需要让它在设备上运行才能同时显示视频和应用程序。

有没有办法做到这一点 ？

Answer 1

Ali Naddaf 的回答在技术上是正确的，但是通过一些工作，我能够忠实地重建屏幕，以至于它与实际屏幕截图无法区分。

我们将使用 html2canvas 项目中的代码，参见 http://html2canvas.hertzen.com/documentation.html .它会将我们的屏幕渲染到 Canvas 上。特别是，复制并粘贴来自 http://html2canvas.hertzen.com/build/html2canvas.js 的编译代码到 Chromecast 控制台。 (向 dom 添加标签似乎不起作用)您可以通过 Chrome 访问 ip.ad.dr.ss:9222 端口来访问 Chromecast 控制台和开发人员工具。

发出以下命令:

html2canvas(document.body, {onrendered: function(canvas){document.write('');}});

这将破坏性地用屏幕截图替换屏幕(我觉得这很方便，但如果您愿意，您可以轻松想到更礼貌的方式)

在元素浏览器中，您将拥有一个 img，并将 base64 url​​ 指定为 src。单击 url，chrome 将在新选项卡中打开图像。希望这是您想要的屏幕截图。

您可能会发现某些图片丢失，例如，同源政策。除了从 html 访问图像之外，javascript 还具有其他特权。如果发生这种情况，请以某种方式解决(例如对图像使用 https)，然后转到 1。

你有你的截图!