Things a Chameleon Would Say
Web design
As indicated by Saimon, a lot of people have wondered how they could use ffmpeg to produce videos that can leverage the use of the html5 tag <video>. The objective is to avoid the use of the Flash technology.
In order to achieve this objective, you need to run the following command to get a WebM (VP8/Vorbis) video. An encoding format supported by Firefox 4+, Chrome 6+ and Opera 10.6+:
ffmpeg -i input.avi -vcodec libvpx -acodec libvorbis -threads 4 output.webm
and to produce an mp4 (h264/mp3) for Safari 3+ and Internet Eplorer 9+:
ffmpeg -i input.avi -vcodec libx264 -acodec libmp3lame -preset slow -crf 22 -threads 0 output.mp4
then use the following syntax to write an html5 page that can run on all platforms:
<video width="480" height="640" controls> <source src="videos/dscn0470.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="videos/dscn0470.webm" type='video/webm; codecs="vp8, vorbis"'> </video>
Leave a Reply
Have a Question? Need a Quote?
Drop us a line or give us a call at 888-856-2664
What Our Clients Are Saying
John,
Can I just tell you how impressed I am with your team?! This whole process has been so great and working with you guys has made it SOOOO much easier! Thank you for all your hard work and for convincing us to choose Accella.
SO THRILLED!!
Kubota
Recent Posts
Getting Arrested Can Help Your Business
While generally coming face to face with the law is generally not good for...
Drupal 6 with UberCart / UberPOS - A Love-Hate Relationship?
As most techies and programmers have heard, the Drupal CMS is an extremely...
