Metainformationen zur Seite
Dies ist eine alte Version des Dokuments!
Screencasts als WebM und MP4
Komplexere Sachverhalte kann man am Bildschirm gut vorführen und dabei erklären. Das hilft sowohl beim Support von Lehrkräften, als auch bei der Onlineschule 2020:
- Screencasts sind mit Audio (per Mikrophon) kommentierte Videos von meinem Bildschirm, in denen ich klickend etwas erkläre.
-
- ohne Patentschutz
- alle großen Browser und weitere Software können es problemlos darstellen
- leider ist es auf Ipads nicht ohne zusatz-Apps abspielbar
- man kann es mit freier (und damit auch kostenloser) Software herstellen
- es benötigt vergleichsweise wenig Speicherplatz
- MP4 ist ein anderes Videocontainerformat
- üblich sind verschiedene i.d.R. patentgeschützte und tw. kostenpflichtige Video- und Audio-Codecs
- alle großen Browser und weitere Software können es bei geschickter Codec-Wahl darstellen
- man kann es auch mit kostenloser Software herstellen
- es benötigt bei geeigneten Einstellungen vergleichsweise wenig Speicherplatz
Mein Workflow unter Ubuntu 18.04
- Im maximierten Firefox die Webentwickleroption „Bildschirmgröße testen“ auf 1280×7202) einstellen um dort etwas zeigen.
- Aufnahme dieses Bildschirmbereichs mit vokoscreen
- speichern mit seinen Standardeinstellungen, aber auf 30Hz erhöhte Bildfrequenz
- Mikrophon auswählen
- Bildschirmbereich wählen3) - hier den verkleinerten Bereich in Firefox
- Bearbeiten mit AVIdemux:
- Aufruf eines Shellskripts mit
./mach_webm.sh beispiel.mkv
bzw../mach_mp4.sh beispiel.mkv
- Aufruf des ffmpeg-Programms mit vielen Parametern, erzeugt beispiel.mkv.webm bzw. beispiel.mkv.mp4
- 2-Pass-Vorgang für bessere Qualität
- Overlay eines bspw. halbtransparenten PNG-Bilds (im RGB-Modus) als Wasserzeichen oder Logo
- Komprimierungseinstellungen sind sinnvoll für Bildschirminhalte, Filmsequenzen erfordern höhere Datenraten!
Der letzte Konvertiervorgang dauert auf meinem älteren Rechner von 2010 fünfmal so lange wie das Video dauert.
Quelltext von mach_webm.sh
- mach_webm.sh
#!/bin/bash # Quellen: https://stackoverflow.com/questions/10918907/how-to-add-transparent-watermark-in-center-of-a-video-with-ffmpeg # https://trac.ffmpeg.org/wiki/Encode/VP9 original=$1 logo=/pfad/zum/logo.png ffmpeg -i ${original} -vf "movie=${logo} [watermark]; [in][watermark] overlay=main_w-overlay_w-5:main_h-overlay_h-5 [out]" -c:v libvpx-vp9 -b:v 1M -pass 1 -an -f webm /dev/null -y && \ ffmpeg -i ${original} -vf "movie=${logo} [watermark]; [in][watermark] overlay=main_w-overlay_w-5:main_h-overlay_h-5 [out]" -c:v libvpx-vp9 -b:v 1M -pass 2 -c:a libopus ${original}.webm