ZIVflash

Videos im Flash-Format publizieren

Aufgrund der großen Nachfrage hat das ZIV nun eine Möglichkeit entwickelt, Videos im Flash-Format auf Webseiten zu publizieren.

Neben dem bisher angebotenen System zum Publizieren von Videos über das Archivsystem miami (http://miami.uni-muenster.de) in Verbindung mit einem Real Streamingserver wurde nun ein zusätzlicher Server in Betrieb genommen. Dieser ermöglicht das Streaming von kleinen Videos im Flash-Format, das z.B. von Videoplattformen wie YouTube bekannt ist. Der große Vorteil für den Benutzer ist, dass das kostenlose Adobe-Flash-Plugin, welches zum Anschauen der Videos benötigt wird, eine sehr große Verbreitung hat und bei vielen Browsern bereits installiert ist. Hinzu kommt, dass zum Übertragen der Videos eine relativ geringe Bandbreite ausreicht.

Technisch realisiert wurde die Lösung mit dem Open Source Webserver lighttpd (http://www.lighttpd.net) und dem darin enthaltenen Modul mod_flv_streaming. In Kombination mit dem JW FLV Flash-Player (http://www.jeroenwijering.com/?item=JW_FLV_Player) ist somit echtes Streaming von Flash-Videos möglich. Das bedeutet, dass im Gegensatz zum sogenannten progressive Download, bei dem die komplette Videodatei nach und nach heruntergeladen wird, ein Navigieren innerhalb des Videos schon von Anfang an möglich ist. Dieses bietet natürlich gerade bei längeren Videos enorme Vorteile.

Voraussetzung für das Streaming von Videos im ZIV ist, dass das Video im Flash Video Format (FLV, Dateiendung .flv) vorliegt und mit den benötigten Metadaten versehen ist (siehe dazu z.B. http://de.wikipedia.org/wiki/Flash_Video). Grob gesprochen handelt es sich dabei um eine Datei mit MPEG4-Video und MP3-Audio Daten. Unter Windows lassen sich solche Dateien beispielsweise mit dem kostenlosen Riva FLV Encoder (http://www.rivavx.com/index.php?encoder) erstellen. Sollen die Dateien unter Linux umgewandelt werden, ist dieses mittels ffmpeg (http://ffmpeg.mplayerhq.hu) möglich. Die benötigten Metadaten lassen sich mit flvtool2 (http://www.inlet-media.de/flvtool2) oder FLVMDI (http://www.buraks.com/flvmdi/) hinzufügen.

Die Flash-Videos können auf jeder beliebigen Webseite eingebunden werden. Ein Beispiel, sowie eine Anleitung dazu finden Sie auf dem Flash-Server unter http://zivflash1.uni-muenster.de. Mit dem Content-Management-System Imperia geht das Einbinden ganz einfach über das Flex-Modul "Flash Video". Videos bis zu einer Dauer von 2 Minuten und einer Dateigröße unter 20MB können auch in der Imperia-Mediendatenbank hinterlegt werden, allerdings ist dann kein Streaming möglich. Für größere Videos bekommen Sie nach Rücksprache mit dem ZIV auf dem Flash-Server Speicherplatz, auf welchen Sie per Netzlaufwerk zugreifen können.

Beachten Sie bitte:

  • Diese Möglichkeit zum Video-Streaming bietet keinen vollwertigen Ersatz zum Archivsystem miami, bei dem Metadaten (Autor, Titel, Beschreibung, etc.) zu einem Video miterfasst werden und so ein leichtes Auffinden ermöglicht wird.

Bei Interesse wenden Sie sich an das ZIV, per Email: ziv@uni-muenster.de oder per Tel.: +49 251 83-31600.

Beispiel

Get the Flash Player to see this video.

Dies ist der zugehörige HTML-Code:

Anleitung zum Konvertieren von Videos ins FLV-Format

Das hier verwendete Video ist frei erhältlich und kann von http://www.elephantsdream.org/ heruntergeladen werden.

FFmpeg

Der folgende Befehl wandelt ein Video ins FLV-Format um. Anhand der Dateiendung versucht ffmpeg den jeweils richtigen Codec für die De- und Enkodierung zu wählen. Zusätzlich wird hier eine Video-Bitrate von 1000kbit/s und eine Audio-Samplingrate von 44.1kHz angegeben. Alle Parameter sind im FFmpeg Handbuch beschrieben. Die aktuelle FFmpeg-Programmdatei für Windows kann hier heruntergeladen werden.

$ ffmpeg -i elephantsdream-480-h264-st-aac.mov -b 1000k -ar 44100 elephantsdream-480-h264-st-aac.flv
FFmpeg version SVN-rUNKNOWN, Copyright (c) 2000-2007 Fabrice Bellard, et al.
  configuration: --enable-gpl --enable-pp --enable-swscaler --enable-pthreads --enable-libvorbis --enable-libtheora --enable-libogg --enable-libgsm --enable-dc1394 --disable-debug --enable-libmp3lame --enable-libfaadbin --enable-libfaad --enable-libfaac --enable-xvid --enable-x264 --enable-liba52 --enable-amr_nb --enable-amr_wb --enable-shared --prefix=/usr
  libavutil version: 1d.49.3.0
  libavcodec version: 1d.51.38.0
  libavformat version: 1d.51.10.0
  built on Dec 20 2007 21:25:50, gcc: 4.1.3 20070929 (prerelease) (Ubuntu 4.1.2-16ubuntu2)
[mov,mp4,m4a,3gp,3g2,mj2 @ 0xb7f86610]negative ctts, ignoring
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'elephantsdream-480-h264-st-aac.mov':
  Duration: 00:10:58.3, start: 0.000000, bitrate: 1259 kb/s
  Stream #0.0(eng): Video: h264, yuv420p, 480x270, 24.00 fps(r)
  Stream #0.1(eng): Audio: aac, 48000 Hz, stereo
File 'elephantsdream-480-h264-st-aac.flv' already exists. Overwrite ? [y/N] y
Output #0, flv, to 'elephantsdream-480-h264-st-aac.flv':
  Stream #0.0: Video: flv, yuv420p, 480x270, q=2-31, 1000 kb/s, 24.00 fps(c)
  Stream #0.1: Audio: mp3, 44100 Hz, stereo, 64 kb/s
Stream mapping:
  Stream #0.0 -> #0.0
  Stream #0.1 -> #0.1
[flv @ 0xb7e93a68]removing common factors from framerate
Press [q] to stop encoding
frame=15691 q=1.6 Lsize=   84948kB time=653.8 bitrate=1064.4kbits/s
video:78552kB audio:5143kB global headers:0kB muxing overhead 1.496275%

FLVtool2

Der folgende Befehl fügt die Metadaten, die für das Streaming benötigt werden, in die FLV-Datei ein:

$ flvtool2 -U elephantsdream-480-h264-st-aac.flv

Extrahieren eines Vorschaubildes

Der folgende Befehl extrahiert die Frames der ersten 5 Sekunden des Videos. Je nach Framerate des Videos können das ziemlich viele sein (bei 25 FPS: 125 Frames). Davon kann dann ein Frame als Vorschaubild verwendet werden. Optional kann mit dem Parameter -ss eine andere Startposition angegeben werden.

$ ffmpeg -i elephantsdream-480-h264-st-aac.flv -f image2 -t 5 ed-preview-%02d.jpg

MP3-Dateien mit dem Flashplayer abspielen

Der JW FLV-Player ist auch in der Lage MP3-Dateien abzuspielen. Dazu gibt man entweder eine einzelne MP3-Datei oder eine Playliste beim file-Parameter an. Der hier verwendete Soundtrack ist frei erhältlich und kann von http://orange.blender.org/blog/complete-score-available-for-download/ heruntergeladen werden.

Beispiel (mit Hintergrundbild)

Get the Flash Player to see this video.

Dies ist der zugehörige HTML-Code:

Beispiel (mit Playlist)

Get the Flash Player to see this video.

Dies ist der zugehörige HTML-Code:

Edit | Attach | Watch | Print version | History: r24 | r15 < r14 < r13 < r12 | Backlinks | Raw View | Raw edit | More topic actions...
Topic revision: r13 - 2009-05-11 - ThorstenKuefer
 
  • Edit
  • Attach
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding ZIVwiki? Send feedback
Datenschutzerklärung Impressum