【发布时间】：2014-03-04 08:43:54
【问题描述】：
我有一个标准的 html5 视频播放器，但在视频播放之前没有显示缩略图（类似于 YouTube 的工作方式）。是否可以获取缩略图？我正在考虑拍摄视频的第一帧并显示它，但我不确定是否可以这样做。有什么想法吗？
【问题讨论】：
标签： html video html5-video thumbnails
【发布时间】：2014-03-04 08:43:54
【问题描述】：
使用 HTML5 <video> 元素，您拥有 poster 属性，可以让您执行此操作，例如：
<video id="myVideo" controls poster="http://{uri}/images/myVideoPoster.png">...
但您仍需要生成海报图片。为此，您可以使用 ffmpeg 之类的东西来提取一帧 - 要么是第一个帧，要么是一个持续几秒钟的帧，以显示例如：
ffmpeg -i {input file} -ss 00:02:30 -vframes 1 -s 128x72 {image}
-ss是帧的时间戳，-s参数是输出图像的大小
根据您的平台，您可以使用诸如 Ruby 的回形针之类的东西自动执行此操作（例如 https://stackoverflow.com/questions/21341723/using-paperclip-with-video-upload-to-get-poster/21368348#21368348）
【讨论】：
-
我们无法在 Google 应用上运行 ffmpeg。还有其他建议吗？
-
我不知道您是否可以通过您的特定 Google Apps 配置（AppEngine 或 Cloud？）联系 ffmpegasaservice.com
-
Google App Engine 似乎不喜欢它……老实说，我想不出解决办法。
-
愚蠢的问题，但是您如何/在哪里存储视频？一种选择是上传它们，然后在您的 PC 上运行 ffmpeg（或通过服务编写脚本）以创建缩略图并存储它。这很 hacky，但如果 AppEngine 是您需要的地方（喜欢免费层！）那么它可能是最简单的解决方案
-
视频正在存储在 Google Cloud Storage 上。