I want to encode images with FFMPEG to a h264 video file that will work on Windows Browsers and Mac Browsers and iOS / Android devices to display in HTML5. Is there a way to do that using one encoded file? Currently my ffmpeg string only encodes for windows/android now
Here is my current ffmpeg code:
and here is my HTML5 display code:
ffmpeg -y -r 25 -i ./images/video%04d.png -i music.wav -shortest -vcodec libx264 -s 720x480 -strict experimental -acodec aac video_file.mp4 <video width="640" height="480" controls="" preload="" poster="../poster.jpg"> <source src="video.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
If I change -vcodec to mpeg4 instead of libx264 it works on iOs/MAC but not windows! Which is really confusing!
using ffmpeg version 3.0.1-static http://johnvansickle.com/ffmpeg/ Copyright (c) 2000 -2016 the FFmpeg developers