从标准html5视频播放器生成缩略图?
我有一个标准的html5视频播放器,但在视频播放之前没有显示缩略图(类似于YouTube的工作方式)。有可能得到缩略图吗?我正考虑拍摄视频的第一帧并显示出来,但我不确定是否可以做到这一点。有什么想法吗?使用HTML5从标准html5视频播放器生成缩略图?,html,video,html5-video,thumbnails,Html,Video,Html5 Video,Thumbnails,我有一个标准的html5视频播放器,但在视频播放之前没有显示缩略图(类似于YouTube的工作方式)。有可能得到缩略图吗?我正考虑拍摄视频的第一帧并显示出来,但我不确定是否可以做到这一点。有什么想法吗?使用HTML5元素,您可以使用poster属性来完成此操作,例如: <video id="myVideo" controls poster="http://{uri}/images/myVideoPoster.png">... -ss是帧的时间戳,-s参数是输出图像的大小 根据您的平
元素,您可以使用poster
属性来完成此操作,例如:
<video id="myVideo" controls poster="http://{uri}/images/myVideoPoster.png">...
-ss是帧的时间戳,-s参数是输出图像的大小
根据您的平台,您可以使用paperclip for Ruby(例如)之类的工具自动执行此操作。我们无法在谷歌应用程序上运行ffmpeg。还有其他建议吗?我不知道你是否可以从你的特定谷歌应用程序配置(AppEngine或Cloud?)中找到。看来谷歌应用程序引擎不喜欢它。。。老实说,我想不出解决办法。愚蠢的问题,但是你是如何/在哪里存储视频的?一个选项是上传它们,然后在PC上运行ffmpeg(或通过服务编写脚本),以创建缩略图并将其存储。这是一个很好的解决方案,但是如果AppEngine是你需要的地方(喜欢免费层!),那么它可能是最简单的解决方案视频存储在谷歌云存储上。
ffmpeg -i {input file} -ss 00:02:30 -vframes 1 -s 128x72 {image}