從標準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）