从标准html5视频播放器生成缩略图？

Question

我有一个标准的html5视频播放器，但播放视频之前没有显示缩略图（与YouTube的工作方式类似）。是否有可能获得缩略图？我正在考虑拍摄视频的第一帧并显示，但我不确定是否可以完成。有任何想法吗？

Answer 1

与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参数是输出图像

根据你的平台的大小，你可以这样做会自动使用类似回形针的红宝石（如https://stackoverflow.com/questions/21341723/using-paperclip-with-video-upload-to-get-poster/21368348#21368348）