使用ffmpeg創建帶有播放圖標的縮略圖

Question

我想創建一個帶有ffmpeg的縮略圖，里面有一個劇本（如上圖；取自Dan Meyer網站），以表明它是視頻而不是圖像。

Answer 1

如果您的用例也用於網站，則可以分兩個步驟進行操作-首先創建縮略圖，然后使用HTML5 / CSS將播放按鈕的疊加層添加到生成的圖像上。

下面將在視頻中創建一個10秒的縮略圖（作為示例）：

ffmpeg -i video.mp4 -ss 00：00：10.0 -vframes 1 thumb1.png

您可以通過CSS通過以下幾行添加一個播放按鈕來引用您的視頻元素：

.video a {
   position: absolute;
   background: url("path.../playButton.png");
   height: 20px;
   width: 20px;
   top: 20px;
   left: 20px;
}

讓它具有響應能力，因此它的位置正確，值得深思-在此上有一個更詳細的信息： http : //douglasgreen.com/demo/sensitive-video-play-button/

這種方法的優點是可以將PlayButton的外觀與縮略圖生成分開，並且與通過FFMPEG進行處理相比，它的處理量可能更少（盡管要確保必須對此進行測試和計時，這是一種權衡創建圖像的過程與瀏覽器的過程）。

如果您的用例不適用於網站，或者您想一次完成所有操作，則以下內容（來自此答案： https : //stackoverflow.com/a/25499933/334402 ）應為您指明正確的方向：

ffmpeg -ss 30 -i movie.mp4 -i play.png -filter_complex \
"[0:v][1:v]overlay=main_w/2-overlay_w/2:main_h/2-overlay_h/2" \
-vframes 1 output.png