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



我有一个标准的html5视频播放器,但在视频播放之前没有显示缩略图(类似于YouTube的工作方式)。是否可以获得缩略图?我正在考虑拍摄视频的第一帧并显示它,但我不确定是否可以做到这一点。有什么想法吗?

使用 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)

最新更新