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; 
} 

는 응답 받기 때문에 올바르게 위치는 어떤 생각 가치가있다 - THER 이 부분에 대한 자세한 내용은 여기에있는 게시물을 참조하십시오. http://douglasgreen.com/demo/responsive-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