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)

Color Space und Luminanz Dynamik

https://support.apple.com/id-id/guide/motion/motn3f5342e9/mac

Quickstart

Standard Farbraum seit einigen Jahrzehnten ist Rec.709. (Standard Gamut Color) In diesem sind DVDs, Bluerays, etc. gehalten. Neuere Geräte z.B. 4K Fernseher neuere Handys und Tablets können Wide Gamut Color oder Rec.2020 darstellen.

Außerdem wichtig ist der Dynamikumfang der Helligkeit. Alter Standard ist SDR (Standard Dynamic Range)mit 8bit. Für HDR (High Dynamic Range) gibt es unterschiedliche Varianten mit 10bit oder 12bit. Da Geräte oft nicht den gesamten Dynamikumfang abbilden können nutzen Sie eine Umrechnungsfunktion.

iPhone (etwa 12,13,14) Colorspace konvertieren

https://exlima.net/how-to-color-correct-iphone-footage-in-davinci-resolve-ipad/

Importiert man iPhone Videos in daVinci Resolve sehen die Videos sehr ausgewaschen aus. Das liegt an den unterschiedlichen Color Spaces. Um den Color Space (Farbprofil) deines Videos herauszufinden, kannst du im Finder Cmd + i klicken um die Details der Datei anzuzeigen. Noch mehr Details bekommst du wenn du die Infos in Quicktime anzeigst.

Das iPhone nutzt Rec.2020. Dieser hat einen deutlich größeren Farb- und Luminanzumfang als der bei den meisten Filmen verwendete Rec709 Standard. Da bei DaVinci Resolve Rec709 voreingestellt ist sehen die Farben ausgewaschen aus. Jetzt könntest du im Color Management die Voreinstellung auf Rec.2020 setzen, allerdings kann dieser Standard Stand 2023 von den meisten Geräten nicht wiedergegeben werden. Daher ist es besser Das Footage Material anzupassen.

Es gibt verschiedene Lösungswege:

1. Color Space Transform

Im Colors Tab neuen Node anlegen (OPT + S) und unter FX Color Space Transform auswählen.

Einstellungen: 
    Input Color Space: Rec.2020
    Input Gamma: Rec.2100 HLG
    Gammut Methode: Saturation Compression

https://exlima.net/how-to-color-correct-iphone-footage-in-davinci-resolve-ipad/

2. DaVinci Color Processing Mode

https://www.youtube.com/watch?v=mv5sF7hR2Bk

DaVinci Resolve kann auch das Farbprocessing so übernehmen, so dass anderes Material in Rec.709 konvertiert wird. Trotzdem kannst du für die Farbkorrekturen den Rec.2020 nehmen. Das geht anstatt mit dem Node auch mit globalen Einstellungen:

Color Management
Color Science > DaVinci YRGB Managed
Automatic Color Management > aus
Color Processing Mode: HDR DaVinci Wide Gamut Intermediate
Output Color Space:Rec.709 Gamma 2.4

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.

Background Video

Stark reduzieren, dann spielt es vlt. auch auf Mobilgeräten. Evtl. mit Skripten nachhelfen (siehe auch HTML5 - Video)

• 720p
• bitrate under 700kb/s ( preferably 500kb/s )
• overlay drüber damit Unsauberkeiten kaschiert werden

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*