12

What list of commands should I do in ffmpeg/mencoder/some_other_CLI_app to get a video in all the right formats to use Video for Everybody?

i.e. Is there a subtlety that prevents there being a mechanical tutorial that says

VIDEO=video.mp4
TYPE=$(ffmpeg --find-information-about-the-video ... )
ffmpeg ... > video.mov
ffmpeg ... > video.flv
ffmpeg ... > video.webm
ffmpeg ... > video.h.264
...

Then copy and paste the Video for Everybody code into your page?

My goal is to have an embedded video in my personal webpage hosted by me. HTML5 with flash fallback is preferred, so the simplest way seems to be Video for Everybody. But that page leaves the most complicated part, encoding the video into all the different formats, to the reader to figure out by reading a long and complete article about video formats. Surely this isn't necessary. I could provide a list of commands for a user to blindly convert an audio file into a bunch of different formats. Hopefully an ffmpeg guru could do the same for video.

  • 1
    Minor comment to your pseudocode examples: There's no .mov for HTML5 video, and there's no h.264 extension either. There is .264, which is the raw Annex B bytestream for NAL units. Video encoding is no rocket science, but you need to invest a little time to get to know the concepts. – slhck May 13 '12 at 16:12
21

Note: This answer was heavily edited since its original posting. It's 2017 now; streaming works differently than it used to. This guide assumes simple progressive download of one video stream at one given resolution – no adaptive streaming.

Requirements

First off, make sure to download a recent ffmpeg version (download a static build; don't call apt-get install ffmpeg or similar). Ideally, compile it yourself. It doesn't take too long.

To generate videos supported by the most browsers, always check the latest compatibility table. There is no single codec/format that works in every browser, but if you generate H.264 in MP4 and VP9 in WebM, with the respective audio codec, you will have support for Chrome, Firefox, Safari, and some versions of IE.

WebM (VP9 / Vorbis)

Follow the recommendations in the FFmpeg VP9 guide and use a two-pass encoding approach with rate constraints:

ffmpeg -y -i input-c:v libvpx-vp9 -b:v 2000k -minrate 500k -maxrate 2500k -c:a libvorbis -pass 1 -f webm /dev/null && \
ffmpeg -i input-c:v libvpx-vp9 -b:v 2000k -minrate 500k -maxrate 2500k -c:a libvorbis -pass 2 output.webm

The target bitrate depends on your resolution, frame rate, the type of content, and what quality you want. 2.5 MBit/s should be a good compromise for HD video at 30 fps. See this Google guide for some recommendations.

MP4 (H.264 / AAC)

Follow the recommendations in the FFmpeg H.264 guide and use a two-pass encoding approach with rate constraints:

ffmpeg -y -i input -c:v libx264 -b:v 5000k -minrate 1000k -maxrate 8000k -pass 1 -c:a aac -f mp4 /dev/null && \
ffmpeg -i input -c:v libx264 -b:v 5000k -minrate 1000k -maxrate 8000k -pass 2 -c:a aac -movflags faststart output.mp4

Here, the target bitrate should be about 50% higher than for VP9 video, as H.264 is not that efficient. Add the -movflags faststart option to the second pass to make initial loading of the video faster.

For setting audio options, see the AAC encoding guide.

  • 1
    The 2013-12-19 version of one of your paragraphs cuts off in mid-sentence. "The audio defaults to 128 kBit/s again, but you can set q:a for variable bitrate, where values range from 0 to 500. 100 is default and higher means better. If" – Alan De Smet May 2 '14 at 18:57
  • @slhck makes a lot of sense, but my two cents are that you drop Ogg and replace it with mpegts/m3u8 to support all the iOS devices or those that accept HLS. You can reuse the .mp4 files and just add the mpeg-ts processing in ffmpeg. – Paul Gregoire Dec 20 '14 at 15:41
  • @Mondain Indeed, but MPEG-TS/.m3u8 is not generally HTML5-compatible video. You need an HLS server and you need to know a little more about streaming, which is not really within the scope of this question. – slhck Dec 20 '14 at 15:49
  • Good points, but from my experience thus far a simple http server can serve m3u8 to a video tag. The only thing one normally needs to do is add the mime types for m3u8 and ts to the respective server configuration. – Paul Gregoire Dec 20 '14 at 15:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.