Javascript 在Google Drive中生成第三方应用程序文件预览的最佳方法？

谷歌硬盘团队最近宣布，第三方硬盘应用程序可以提供自己的缩略图作为文件预览（）

对你来说，实现这一目标的最简单方法是什么？ 我们的应用程序在前端使用AngularJS，在后端使用Python webapp2

事实上，文件URL不是公开的，而且由于我们不会公开用户的文件，所以在服务器端公开文件听起来很困难，所以我开始研究前端解决方案

我发现html2canvas（）听起来不错，但它不能生成我们应用程序的正确呈现（缺少部分）。 我也在考虑使用PhantomJS来生成这个预览，但听起来有点过分了

谢谢你的帮助

编辑

它实际上可以工作，但Google Drive以较小的格式（如300x200px）渲染它，而原始画布是630x456px。对这个问题有什么想法吗？ 请在谷歌驱动器中找到原始缩略图及其呈现

---

我本来会建议使用html2canvas，但正如您所发现的，它有一些局限性，这可能会使它成为非初学者。根据您希望预览的内容，可能不需要完整的屏幕截图。例如，如果您指的是，视频中的静态/缩略图图像可能是足够的预览图像。

谢谢您的回答。我们的用户期望从该功能中获得的是notes中的文本和视频，以便只需查看文件预览即可定位文件，而无需使用我们的应用程序打开文件。因此，我们需要捕获笔记的内容，并根据您的建议记录我们的主页。其他应用程序开发人员如何解决此问题？取决于应用程序和内容。预览不一定是文字截图，只是内容的有意义的表示。我建议不要使用截图，因为页眉/工具栏/页脚/等等都会分散注意力。在您的例子中，如果可以获得视频缩略图和文本，则可以使用画布或其他绘图机制渲染合成，然后将其导出为PNG。