在 Google Drive 中生成第三方文件预览的最佳方法？答案

【问题标题】：Best approach to generate a third-app party file preview in Google Drive?在 Google Drive 中生成第三方文件预览的最佳方法？
【发布时间】：2013-06-01 00:59:22
【问题描述】：

Google 云端硬盘团队最近宣布，第三方云端硬盘应用可以提供自己的缩略图作为文件预览 (http://googleappsdeveloper.blogspot.com/2012/10/thumbnails-for-your-custom-file-types.html)。

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

文件 URL 不公开这一事实，而且由于我们不会公开用户的文件，因此在服务器端公开它听起来更难，所以我通过寻找前端解决方案开始了我的研究。

我发现 html2canvas (http://html2canvas.hertzen.com) 听起来不错，但无法正确渲染我们的应用程序（缺失部分）。我也在考虑用 PhantomJS 来生成这个预览，但这听起来有点矫枉过正。

感谢您的帮助。

编辑

它确实有效，但 Google Drive 将其呈现为小尺寸（如 300x200 像素），而原始画布为 630x456 像素。对这个问题有什么想法吗？请在随附的 Google Drive 中找到原始缩略图及其渲染。

【问题讨论】：

标签： javascript python angularjs google-drive-api phantomjs

【解决方案1】：

我会建议使用 html2canvas，但您发现它有一些限制，可能无法启动。根据您想要预览的内容，可能不需要完整的屏幕截图。例如，如果您指的是http://www.videonot.es/，则视频中的静止图像/缩略图图像可能是足够的预览图像。

【讨论】：

感谢史蒂夫的回答。我们的用户对此功能的期望是注释中的文本和视频，以便能够仅通过查看文件的预览来定位文件，而无需使用我们的应用程序打开它。因此，我们需要捕获注释的内容，并根据您的建议记录我们的主页。其他云端硬盘应用开发者如何解决此问题？
取决于应用程序和内容。预览不一定是文字截图，只是内容的有意义的表示。我建议不要使用屏幕截图，因为页眉/工具栏/页脚/等都会分散注意力。在您的情况下，如果您可以获得视频缩略图和文本，您可以使用画布或其他绘图机制来呈现复合材料，然后将其导出为 PNG。