0
A
答えて
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
関連する問題
- 1. FFMPEGで正確なサムネイルを生成するには
- 2. サムネイルを生成するためのffmpegの代替手段
- 3. JQuery/Javascriptでポーズ/再生アイコン付きバックグラウンドミュージックを実装する
- 4. FFmpegブラウザでオーディオストリームを再生
- 5. ffmpegを使用してビデオディレクトリからサムネイルを作成
- 6. アイコン付きのブックマークレットボタンを作成できますか?
- 7. Androidアセットスタジオ:画像付きのアイコンを作成できない
- 8. ラムダ機能付きアマゾンS3バケットでサムネイルを作成
- 9. ボタンでアイコンを再生
- 10. S3でホストされているメディアでWordPressサムネイルを再生成
- 11. 生成サムネイル -
- 12. FFmpegは、リアルタイムビデオの最後までスローモーション再生を作成します。
- 13. ffmpegでサムネイルの名前をつける
- 14. ffmpegでサムネイルのサイズを変更
- 15. Microsoft Docsのサムネイルを生成
- 16. PDF用のサムネイルを生成
- 17. ビデオからサムネイルを生成するのに混乱します。 ffmpeg phpやcanvasを使うべきですか?
- 18. JavaCVとFFmpegで動画を再生
- 19. ffmpegの - 私はffmpegのは、次の操作を実行したいサムネイル
- 20. サムネイルを生成しないでwordpress画像添付メタデータ
- 21. SWFUploadでサムネイルを作成
- 22. WKHTMLTOPDF - PDFのサムネイルの生成
- 23. WPF - アイコン付きのリストビューを作成する
- 24. FFmpeg APIで生成されたMP4をWindows Media Playerで再生できないのはなぜですか?
- 25. カルーセルの再生リストのサムネイル順
- 26. ffmpegはビデオを再生できますが、同じデータを含むストリームは再生できません
- 27. ffmpegでHLS用のfmp4チャンクを生成
- 28. simularアイコン付きiosアプリを作成する
- 29. CakePHPでサムネイルを生成するには?
- 30. クライアントでサムネイルを生成する
私はHTMLソリューションを好む – somenxavier