Samstag, 20. April 2024 

Der optimale Einbau von Videos und Audios wurde seit langer Zeit immer wieder versucht und mit den unterschiedlichsten Methoden getestet. Eine wesentliche Bedingung ist zumindest bei großen Videos, dass im Video beliebig positioniert werden kann, auch wenn noch nicht das ganze Video heruntergeladen ist. Bei HTML5 Videos ist das kein Problem, bei Flash-Videos müssen aber u.U. spezielle Vorkehrungen am Server getroffen werden. Zudem sollen die Videos auf möglichst allen Browsern abgespielt werden können.

Die Anzeige von Audios als MP3 ist kein großes Problem, da ist nur die optimale Optik zu berücksichtigen.

Es haben sich zwei Methoden abgezeichnet, die für die Verarbeitung von Videos gut geeignet sind:

  • Aufbereitung des Audios und Videos über JALBUM mit einer eigenen Anpassung der Matrix-Skin um die Flash Videos richtig zu behandeln
  • Vorteil: Der Umbau der Videos in H264 mit richtiger Positionierung der Indizes wird von JALBUM gemacht (ffmpeg)
  • bei JALBUM (ffmpeg) muss für die richtige Größenumwandlung aber unter "Videos": Benutzereinstellungen verwenden und als scale: die richtige Größe gewählt werden: 
    -vf hqdn3d=1.5:1.5:6:6,scale=720:408,unsharp=3:3:1.0:3:3:0.0,$normalizeOrientation
  • Aufbereitung der Videos mit HANDBRAKE und Darstellung mit JPLAYER
    • Vorteil: schöne Möglichkeiten für platzsparende Playlist für gemischte Audio sund Videos durch JPLAYER
    • Nachteil: Videos müssen separat vorbereitet werden
  • Auch die JABUM Skins "Turtle" und "Base" verwenden als Videoplayer JPLAYER. Diese Player haben den Vorteil, dass auch für HTML5 Videos eigene Controls verwendet werden und nicht die Standard-controls des Browsers. Diese Standard-Controls werden unter IE und Firefox nicht vollständig dargestellt, wenn die HTML Seite in einem iFrame aufgerufen wird. 

Vorbemerkung:
Die Möglichkeiten der Browser, HTML5 Videos mit dem <video> Tag direkt anzuzeigen wird immer besser. Aber nicht alle Browser können das (derzeit). Daher müssen Möglichkeiten gesucht werden, dass bei solchen Browsern auf FLASH umgeschaltet (fallback) wird. Dafür gibt es einen guten Player JWPLAYER, der das selbständig macht, ohne dass dafür unterschieliche Videofiles vorhanden sein müssen. Der Player baut die H264 Videofiles automatisch um. Aber leider hat dieser Player ein kompliziertes Lizenzmodell, dass jähliche Gebühren beinhaltet. Es gibt dafür mehrere Alternativen, wie den JPLAYER, der ein kostenloses Lizenzmodell hat.

Bearbeitung mit JALBUM

  • Mit JAlbum und Skin: matrixSlide-getzner Video in Projekt einbauen
  • Zielgröße des Videos einstellen
  • Das Video wird richtig in H264 umgebaut und auch mit den Index am Beginn (ffmpeg).
    • bei JALBUM muss für die richtige Größenumwandlung aber unter "Videos": Benutzereinstellungen verwenden und als scale: die richtige Größe gewählt werden: 
      -vf hqdn3d=1.5:1.5:6:6,scale=720:408,unsharp=3:3:1.0:3:3:0.0,$normalizeOrientation
  • video.htt dieser Skin (aus C:\Users\Benutzername\AppData\Roaming\JAlbum\skins\MatrixSlide-Getzner) ist umgebaut, damit ein Fallback auf Flash mit der mod_h264 Variante zur Positionierung verwendet wird.
    • Dazu muss aber ein virtuelles Verzeichnis "Flashvideos" im IIS angelegt sein, das auf das Rootverzeichnis der Videos zeigt. Für dieses virtuelle verzeichnis muss das mod_h264 Modul aktiviert werden.
  • Beim generierten index.html stimmen allerdings die Controls des Videos nicht, wenn diese Seite aus einem iFrame aufgerufen wird. 
  • Bei der matrixSlide (und Getzner) Skin muss das Videoformat für die Darstellung ebenfalls korrigiert werden. (Matrix-Slide/Images/Video & Pano / Use native Dimensions ausschalten und richtiges Format eintragen)
  • Bei der Turtle Skin und bei der Base Skin wird jPlayer von http://www.jplayer.org/ eingebaut, da wird aber kein Fallback auf Flash gemacht

Bearbeitung mit HANDBRAKE und Darstellung JPLAYER

  • Alle Mediendateien in einem Unterverzeichnis, nur ein Player entweder mit Playlist oder für jedes File eine eigene HTM Datei
  • JPLAYER und Playlist von http://jplayer.org/ (Spende)
  • Test unter http://www.hansgetzner.at/jplayer/playlist.htm 
  • Macht ein HTML5 Video mit schöner Playlist für Audio und Video
  • Macht Fallback auf Flash und kann positionieren ohne Mod_h264 (?)
  • kann priorisieren, ob zuerst flash und dann HTML5 oder umgekehrt
  • 2 verschiedene Skins

Übersicht der Varianten und Vorteile/Nachteile

 Variante

Handbrake
mit JPLAYER

 JALBUM mit
Turtle (JPLAYER)

 JALBUM mit
Base (JPLAYER) 		 JALBUM mit
Matrix
(JARISPLAYER) 		 JWPLAYER 5 JALBUM mit Matrix JWPLAYER 6
 Controls in iFrame OK OK  OK  NEIN  JA  OK
 Flash Positionierung NEIN NEIN  NEIN  JA  JA  NEIN
 einfache Umwandlung NEIN JA  JA  JA  NEIN  JA
Playlist mit Foto händisch Foto definieren JA JA JA händisch Foto definieren  JA
Playlist ohne Foto JA NEIN NEIN NEIN NEIN ? NEIN

 

FLASH Videos am IIS 7.5 und beliebiger Positionierung im Video:

  • unter MIME Type ist für .mp4 video/mp4 eingetragen
  • Installation des Moduls mod_h264_streaming.dll
    • When running Windows 64 bit:
      • Enable 32 bit applications on win 64. See: IIS7 - Running 32-bit and 64-bit ASP.NET versions at the same time on different worker processes.
    • Copy the Mod-H264-Streaming module (mod_h264_streaming.dll) into either (%windir%\syswow64\inetsrv) or (%windir%\system32\inetsrv) depending on your windows version.
    • mod_h264_streaming.dll nach C:\Windows\SysWOW64\inetsrv kopiert
    • unter Applicationpools den App Pool (hansgetzner.at) auswählen
    • erweiterte Einstellungen: 32 Bit Anwendungen aktivieren
    • Unter Sites den App-Pool (hansgetzner.at) auswählen
    • unter MIME Type hinzufügen ".mp4" "video/mp4"
    • Unter Servereigenschaften Module "Systemeigene Module (native modules) Register. (Beim App-Pool Module gibts kein Register)
      • Name ModH264Streaming
      • Pfad C:\Windows\SysWOW64\inetsrv\mod_h264_streaming.dll
    • Virtuelles Verzeichnis FlashVideos mit Pfad auf C:\inetpub\vhosts\hansgetzner.at\httpdocs

Hinweise: