1. FFMpeg create images using video source
# ffmpeg -i video.mp4 -s 560×315 images/image%d.jpg
2. Create image sequence gallery
<?php $files = array(); foreach (glob("images/*.jpg") as $filename) { $files[] = $filename; } natsort($files); ?> <div id="slideshow"> <?php $i=1; foreach ($files as $filename) { if($i%15==0) { ?> <img src="<?php echo $filename; ?>" <?php if($i==15) { ?> class="active" <?php } ?> /> <?php } $i++; } ?> </div>
3. Synchronize images with video
$(function() { setInterval( "slideSwitch()", 1000 ); });