Videokodierung - Best Practice

Links

• https://app.zencoder.com/docs/guides/encoding-settings/html5

Video

Video im Web

Todo aktualisieren mit webm etc.

• Beste Kompatibilität (Anfang 2017) mp4 mit mp3 und h264
• Beste Kompatibilität (2022) mp4 + webm evtl. auch nur mp4
• Ab neueren Edge Versionen auch webm Unterstützung
• ogv - fraglich ob man das noch benötigt
• YouTube / Vimeo... nicht vergessen
• mov - immer noch Standard auf Mac, wenn man mit Quicktime konvertiert. Im Prinzip (Stand Anfang 2018) auch h264)

Datenraten

h264

Was macht der Quicktime Exporter (Anfang 2018 laut Apple):

1080p: MPEG video 10 Mbit/s H.264, up to 1920 x 1080 resolution.
720p: MPEG video 7.5 Mbit/s H.264, up to 1280 x 720 resolution.
480p: MPEG video 3 Mbit/s H.264, up to 640 x 480 resolution.

Das sieht ganz ordentlich aus.

Vorschlag von zencoder

Overview

Minimum Formate:

• MP4 + H.264, with AAC or MP3. MP4 video plays natively in Safari, Chrome, and IE9 (Vista/Windows 7). It is also your best option for a Flash video fallback, and plays natively on many devices (iOS, Android, Blackberry, PSP, Xbox, PS3, etc.).
• Use H.264 High Profile for the best quality, or Baseline profile if you want the same video to be playable on mobile devices.
• Beyond that, use either WebM + VP8 or Ogg + Theora with Vorbis audio for other browsers.

Recommendation: Minimally, MP4 + either WebM or Ogg, or maybe both.

Mobile Devices

1. Most modern mobile devices support MP4/H.264. This includes the whole iOS series (iPhone, iPod, iPad, Apple TV, etc.), most Android devices, modern Blackberry phones, etc. For most of these, be sure to use the H.264 Baseline profile. Use 640x480 or smaller for iOS and Android, and 480x360 or smaller for Blackberry support.

Note that the same file that plays on an iPhone can play on the web, via HTML5 (some browsers) or Flash. So if you want to reduce versions, use the same one. But you're stuck with Baseline profile for most mobile devices, and Main/High makes a big difference, so using separate output versions is a good idea if you want the best quality for each device.

2. Use 3GP/MPEG4 for older mobile devices. Most Blackberrys and some Androids also support 3GP, and 3GP generally even plays on iPhone/iPod too (since iOS plays MP4/MPEG-4 and 3GP is just a subset of MP4).

Recommendation: Minimally, MP4, 640x480 or 480x360. Maximally, three MP4 versions (480x360, 640x480, 720p + Main profile) plus one or two 3GP versions (320x240 and maybe 176x144). See our earlier post for specific encoding settings.

1. Get it working

HTML5, Flash, Mobile: MP4/H.264, Baseline profile, 480x360 or 640x480
HTML5: WebM or Ogg

{
  "input": "s3://bucket-name/file-name.avi",
  "outputs": [
    {
      "url": "s3://output-bucket/output-file-name.mp4",
      "size": "640x480"
    },
    {
      "url": "s3://output-bucket/output-file-name.webm",
      "size": "640x480"
    }
  ]
}

2. Round it out

• HTML5, Flash: MP4/H.264, High profile
• HTML5: WebM
• HTML5: Ogg
• Mobile: MP4/H.264, Baseline profile, 480x360 or 640x480

{
  "input": "s3://bucket-name/file-name.avi",
  "outputs": [
    {
      "url": "s3://output-bucket/output-file-name.mp4",
      "h264_profile": "high"
    },
    {
      "url": "s3://output-bucket/output-file-name.webm"
    },
    {
      "url": "s3://output-bucket/output-file-name.ogg"
    },
    {
      "url": "s3://output-bucket/output-file-name-mobile.mp4",
      "size": "640x480"
    }
  ]
}
JSONXML

3. Support everything

• HTML5, Flash: MP4/H.264, High profile
• HTML5: WebM
• HTML5: Ogg
• Mobile: MP4/H.264, Baseline profile, 480x360, for wide compatibility
• Mobile: MP4/H.264, Main profile, 1280x720, for newer iOS devices (iPhone 4, iPad, Apple TV)
• Mobile: 3GP/MPEG4, 320x240 and/or 177x144, for non-smartphones*