2016-12-14 21 views

答えて

2

ご利用の場合は、また、ウェブサイトの場合は、二段階でこれを行うことができます - 最初のHTML5/CSSを使用して、サムネイルを作成した画像に再生ボタンのオーバーレイを追加。

ビデオに(例として)サムネイル10秒を作成する次の

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

そして、あなたはこれらの線に沿ってあなたのvideo要素を参照するCSSを経由して再生ボタンを追加することができます - THER

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

それが正しく配置されるように、それは応答の取得には、いくつかの考えの価値がありますこのアプローチの利点は、サムネイル生成からPlayButtonのルック・アンド・フィールを分離することができます。また、FFMPEGで両方を行うより処理が少ない可能性があります(ただし、これがテストされ、時間を計らなければならないことを確実にするために、ブラウザ処理と画像の作成処理のトレードオフです)。

ご利用の場合は、ウェブサイトのためではないか、とにかく行く1でそれをすべて行いたい場合は、(この回答から: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 
+0

私はHTMLソリューションを好む – somenxavier

関連する問題