Inhaltsverzeichnis

View page as slide show

Vorlesung 7: Multimediale Praxis

'iMovie und iSight' von kantel

Oder: Die iSight und ich ;o)

Heute haben Sie keine Chance...

Es gibt (mindestens) einen Agility-Film!

Zur Einstimmung

Erst einmal ein Filmchen: 48 Stunden Neukölln

Mein erstes Video im Netz vor ca. 4 Jahren: Featuring Sinti-Swing, Dr. Thomas Flierl, die irische Malerin Noel O'Callaghan, den Panic Sound Club und natürlich Zebu. (Hier mehr…)

Inhalt (1)

  • Videohoster
  • Vodcasting
  • Moblogging

Inhalt (2)

  • Gerätekonvergenz
  • Audio-Aufnahemtechnik
  • Video-Aufnahmetechnik
  • Erzeugung von Web-Videos mit Open Source Tools
  • Einbindung von multimedialen Inhalten

YouTube und Konsorten

Photo- und Videohoster (kommentierte Auswahl):

  • Flickr und Yahoo!
  • Sevenload
  • YouTube
  • Google Video

YouTube und Konsorten (2)

Spezialisten:

  • Internet Archive
  • VideoCommunity
  • Revver
  • Blib.tv
  • Stage6

Flickr

Die bekannteste Photo-Community im Netz:

'Screenshot Flickr' von kantel


(Quelle)

Flickr (2)

  • Sehr große und aktive Community
  • Ziemlich ausgefeiltes User Interface
  • Hervorragende API
  • Creative Commons Unterstützung
  • Flickr zensiert

Flickr (3)

…kann mittlerweile Video (lange Photos: bis 90 Sekunden und nur bei Pro-Account):

Flickr Uploader

Funktioniert mittlerweile ziemlich gut (war nicht immer so):

Flickr Uploader

Kann aber noch keine Filme.

FlickrExport

Uploader für iPhoto (funktioniert (wieder) mit iPhoto '08):

'Screenshot FlickrExport 2.0.5' von kantel

Yahoo! Video

Die Videos haben mittlerweile eine erstaunlich hohe Qualität…

'Screenshot Yahoo! Video' von kantel

Sevenload

Screenshot Sevenload

Sevenload (2)

  • Photo- und Video-Community
  • Interessanter Newcomer aus Deutschland
  • Unterstützt so ziemlich alle Video- und Bild-Formate (auch Ogg-Theora)
  • Bis zu 200 MB Upload, zeitliche Länge unbegrenzt
  • noch kleine, aber aktive Community
  • Hervorragendes, AJAX-basiertes User-Interface

Sevenload (3)

  • In Mac-Browsern (Safari und Firefox) Probleme
  • Schwächelt zur Zeit etwas…
  • Endlich APIs (wenn auch noch ziemlich eingeschränkt)
  • Werbung (vor den Filmen)

YouTube

Googles Großeinkauf ist zur Zeit das größte, öffentlich zugängliche Archiv der Popgeschichte:

'Screenshot YouTube' von kantel

YouTube (2)

  • (+) Riesenauswahl an Videos
  • (+) Seit ein paar Monaten auch mit deutschem UI
  • (+) Hat irgendeinen Deal mit der GEMA
  • (+) Aktive Community

YouTube (3)

  • (-) Umständliches Hochladen
  • (-) Eigene Videos gehen vielfach in der Masse unter
  • (-) Upload: Max. 100 MB, Filmlänge max. 10 Min.

Ipernity

Flickr Goes YouTube: Ipernity

'Ipernity kann auch Videos' von kantel

Google-Video

Der Klassiker!

'Screenshot Google Video' von kantel

Google-Video Uploader

Erlaubt den Upload auch »fetter« Videos:

'Google Video Uploader' von kantel

Google-Video Player

Ziemlich ausgefeiltes Tool, um auch längere Filme komfortabel zu betrachten:

'Google Video Player' von kantel

Google-Video (Vorteile)

  • Komfortables Hochladen und Betrachten
  • Ausführliche und aussagekräftige Metadaten möglich
  • Es stehen auch längere Videos (bis hin zu ganzen Kinofilmen) zur Verfügung
  • Die volle Macht der Google-Suche

Google-Video (Nachteile)

  • Die Filme werden vor dem Freischalten »begutachtet« und stehen daher nicht sofort zur Verfügung (keine aktuelle Berichterstattung möglich)
  • Der Uploader schmiert gelegentlich ab
  • Was passiert (langfristig) mit Google-Video nach dem YouTube-Kauf?

Internet Archive

oder: What To Do In A Zombie Attack ;o)

'Internet Archive' von kantel

Internet Archive (2)

  • Die wohl weltweit größte Sammlung von (nach amerikanischem Recht) freien Audio- und Video-Dateien (aber auch Texten und Programmen)
  • Können auch hochaufgelöst heruntergeladen werden
  • Einbettung in eigene Webseiten möglich (mit FlowPlayer)
  • Hervorragendes Ausgansmaterial (Ephemeral Films und Prelinger Archives) für (Video-Mashups)

Video-Community

oder: Flash-Filme müssen nicht immer mies aussehen:


Link

Video-Community (2)

  • Video-Community: Von Filmemachern für Filmemacher
  • Hervorragende Flash-Qualität
  • Hervorragender Player
  • Qualität kostet!

Revver (1)

Revver: Die Kommerzfalle?

'Videohoster im Kurztest: Revver' von kantel

Revver (2)

  • Revver zahlt für Videos
  • Die Videos werden vor der Freigabe »begutachtet«
  • Recht gute Flash-Qualität (jedenfalls besser als YouTube und Co.)
  • Der Originalfilm (mov, mpeg, mpg, mp4, asf, avo (incl. DivX) kann ebenfalls eingebunden werden
  • Upload: Filmgröße max. 100 MB, Länge beliebig

Vimeo (1)

Vimeo (2)

  • Kann diverse Kanäle (mit eigenem RSS-Feed)
  • UI in meinen Augen gewöhnungsbedürftig
  • Erfreut sich (trotzdem?) wachsender Beliebtheit

Blib.TV (1)

Blib.TV: Der Videohoster für den ambitionierten Blogger

'Videohoster im Kurztest: Blib.tv' von kantel

Blib.TV (2)

  • Videoqualität (geringfügig) besser als bei YouTube und Co.
  • Pingservice an del.icio.us
  • Direktes Einbinden bei Flickr (als Screenshot mit Link zum Video)
  • Unterstützung des Weblog API und des MetaWeblog API
  • Auf Wunsch Werbung; Gewinnbeteiligung 50/50
  • etc. …

Video-Hoster: Caveats

  • Die 16:9-Falle
  • (Fast) alle Videohoster nutzen Flash
  • Es gibt natürlich noch viel, viel mehr Hoster

Stage6

Stage6 war ein DivX-Hoster.

'Stage6' von kantel


Link

DivX geht natürlich auch selbst gehostet

Zum Beispiel so: Amazon S3 und DivX:

'Amazon S3 und DivX' von kantel

Vodcasting: Ich glotz TV!

  • Video-Blogging (Vlogging oder Vodcasting)
  • Videofähige iPods
  • 3GP: Die Morgennachricht auf dem Handy

Unfrei...

iTunes: Vodcasting mit …

'Screenshot Vodcast mit iTunes' von kantel

... und frei

… und ohne DRM:

'Meinen Standard-Screenshot für Democracy...' von kantel

Die Grundlage: RSS 2.0

Vodcaster erstellt den nötigen RSS-Feed:

'Screenshot VODcaster' von kantel

Vodcasting (2)

  • Videohoster wie zum Beispiel Sevenload sind ideale Partner für ein Vodcasting. Man kann sein Video mit Hilfe von Sevenload in (s)ein Blog einbinden und gleichzeitig im RSS-Feed auf die Original-MP4-Datei (gehostet z.B. bei Amazon S3) verlinken.

RSS 2.0 (2)

Die Broadcast Machine für den notwendingen RSS-Feed…

'Screenshot VJ-Log' von kantel

RSS 2.0 (3)

und der sieht dann so aus (mit Namespace-Erweiterungen für iTunes):

'RSS 2.0' von kantel

Ohne RSS kein Vodcast...

Daher ist das hier keiner (auch wenn er es gerne sein möchte).

'Screenshot WatchBerlin' von kantel

Moblogging

Bilder von überall und sofort

  • Moblogging ist ein Kunstwort aus Mobile und Weblogging und bezeichnet eine Form des Bloggens, bei dem Inhalte (Photos, aber zunehmend auch Videos) via Kamera-Handy oder PDA zusammen mit einem kurzen, über die Handy-Tastatur eingegebenen Kommentar via MMS oder E-Mail an ein Weblog gesandt werden.

Moblogging (2)

Moblog-Einstellungen bei Twoday.net

'Moblog-Einstellungen bei Twoday' von kantel

Moblogging (3)

Moblog-Einstellungen bei Flickr

'Moblog-Einstellungen bei Flickr' von kantel

Moblogging (4)

Moblogging ist aktuell(er) wie Life-Fernsehen

  • Moblogging geriet zum ersten Mal in das Bewußtsein der (Medien-) Öffentlichkeit, als während der Bombenanschläge in der Londoner U-Bahn 2005 Berichte der Betroffenen schneller im Netz waren, als die Berichte der »alten« Medien.

Gerätekonvergenz

  • Medienkonvergenz: Die klassischen Medien, wie Print, Radio und TV konvergieren im Internet
  • Gerätekonvergenz (auf der Eingabeseite): Kamera, Recorder und Computer werden in ein Gerät zusammengeführt

Das (Multimedia-) Handy (1)

'Multimedia-Handy' von kantel

  • …kann photographieren
  • …kann Videos drehen
  • …kann Töne aufnehmen (Diktiergerät)

Das (Multimedia-) Handy (2)

  • …hat man(n) immer und überall dabei
  • …kann die aufgenommenen Multimedia-Daten mit Text-Anmerkungen versehen
  • …kann die aufgenommenen Multimedia-Daten sofort in alle Welt versenden

Das (Multimedia-) Handy (3)

  • …und wenn man Glück hat, kann man mit dieser eierlegenden Wollmilchsau auch noch telephonieren. ;o)

PDA

  • Etwas komfortabler geht es mit einem PDA
  • …allerdings paßt der nicht mehr unbedingt in die Hosentasche

Camcorder vs. Digicam

'Camcorder vs. Digicam' von kantel

Vorteile von Camcordern (1)

  • Lange Aufnahmezeiten
  • Mehr Komfort und mehr Einstellungsmöglichkeiten
  • Großer Zoombereich auch während der Aufnahme

Vorteile von Camcordern (2)

  • (Meist) sehr gute Mikrophone
  • (Meist) leistungsstarke Bildstabilisatoren

Nachteile von Camcordern

  • Hat man in der Regel nicht dabei, wenn etwas Unvorhergesehenes passiert
  • Übertragung von Kamera zum Computer in »Echtzeit«
  • Umständlicher Upload-Prozeß (.dv nach .mov, .avi etc.)

Vorteile von Digicams

  • Klein, handlich
  • Speichern auf SD-Card, daher schnelle Übertragung auf den Rechner
  • Videos stehen (meist) sofort in einem webtauglichen Format zur Verfügung

Nachteile von Digicams

  • Begrenzter Zoom, kein Zoom während der Aufnahme
  • Bild wackelt (häufig!)

Camcorder vs. Digicam: Fazit

'Die liberale Blogosphäre photographiert' von kantel

Camcorder vs. Digicam

(Vorläufiges) Fazit:

  • Für »ungeplante« Aufnahmen ist die Digicam unschlagbar (wenn man sie dabei hat)
  • Für »geplante« Aufnahmen (Spielfilme, Reportagen etc.) sollte man doch einen (guten) Camcorder (mit Stativ!) verwenden

aber…

Camcorder vs. Digicam: Die Synthese

'Sanyo VPC-CG65EX' von kantel

Ich bin doch nicht BLÖD

Audio-Aufnahmetechnik

Doch jetzt erst einmal weiter mit


   Audio

1. Direct to Disk (1)

'Podcast-Mikrophon' von kantel

Kondensator-Mikrophon mit (Mini-) Klinke-USB-Adapter

1. Direct to Disk (2)

'Audio-Einstellungen' von kantel

1. Direct to Disk (3)

Aufnahme in Garageband…

'Garageband' von kantel

1. Direct to Disk (4)

… oder in Audacity

'Screenshot Audacity' von kantel

(für die Ungläubigen) ;o)

2. Externer Digital-Recorder (1)

'Edirol R-09 Pocket Digital Recorder' von kantel

  • Aufnahme auch ohne Computer (Mobil)
  • Aufnahme direkt im MP3- oder WAV-Format auf Speicherkarte
  • Aufnahme kann direkt zur Nachbearbeitung auf den Computer eingelesen werden

2. Externer Digital-Recorder (2)

  • Natürlich kann auch ein Handy als externer Recorder dienen
  • oder eine Digitalcamera
  • Und wenn man nichts anderes dabei hat, auch ein Camcorder ;o)

Video-Aufnahmetechnik

And now something completely different:


   Video

Ein paar Tips und Tricks

Filmschnitt mit iMovie (HD!)

'iMovie' von kantel

Filmschnitt (2)

Oder mit Final Cut Express

'Screenshot Final Cut Express 4' von kantel

(Screenshot: Apple)

Filmschnitt (3)

Oder mit Avidemux

Avidemux Screenshot

Von Super-8 lernen (1)

  • Immer an das kleine Format denken
  • Nahaufnahme bis Halbtotale – nie Totale
  • Wenn möglich, mit Stativ aufnehmen

Von Super-8 lernen (2)

  • Die Objekte bewegen sich, nicht die Kamera
  • → Zoom zu Beginn, dann filmen
  • → Schwenks nur in Ausnahmefällen

Von Super-8 lernen (3)

Das Licht macht den Film

Aufnahme zu »Knallhart«

Vorsicht bei Gegenlicht! Mit Aufhellern arbeiten!

Der Ton macht die Musik

  • Externes Mikrophon ist besser als das eingebaute
  • Nachträgliche Vertonung

Der Ton macht die Musik (2)

Audio-Bearbeitung in iMovie HD

'Audio-Bearbeitung in iMovie HD' von kantel

Trio infernale

iSight und iMovie und das MacBook Pro

'MacBook Pro, iMovie und iSight' von kantel

Letzendlich geht im Zweifelsfalle auch alles viel einfacher. ;o)

Alles Computer oder was?

Man kann natürlich Videos auch komplett im Computer erstellen (hier mit Blender).

Wie kommt das Video in das Web?

  • Downloadlink
  • Einbinden in die Webseite
  • Videohoster
  • Streaming Video
  • Podcasting (resp. Vodcasting)
  • Handy-Video

Downloadlink

  • Einfachste Möglichkeit: Irgendwo auf einen Server ablegen und einen Link zum Download anbieten
  • Und hoffen, daß der User einen entsprechenden Player hat
  • ;o)

Einbinden in die eigene Webseite (1)

It's always the same old story…

'Einbinden von Videos in HTML' von kantel

iSquint

Was tun, wen das Format nicht paßt?

'Screenshot iSquint' von kantel

iSquint (Freeware, Mac) oder …

MPEG Streamclip (1)

MPEG Streamclip (Freeware, Windows, Mac)

'MPEG Streamclip Screenshot 1' von kantel

MPEG Streamclip (2)

Denn MPEG Streamclip kann ziemlich viel:

'MPEG Streamclip Screenshot 2' von kantel

Avidemux

Oder nach einmal Avidemux (GPL, Linux, Mac)

'Avidemux auf'm Mac' von kantel

ffmpeg(X)

Und für besonders hartnäckige Fälle:

ffmpeg resp. ffmpegX, das Schweizer Offiziersmesser der Videokonvertierung

Flash-Videos (1)

Exkurs: Flash-Videos in die eigene Webseite einbinden:

  • Flash-Videos (.flv) benötigen nicht unbedingt den (teuren) Flash-Server, sie können ganz normal mit dem OBJECT/EMBED-Tag eingebunden werden.

Flash-Videos (2)

Aber auch »Spielzeugprovider« wie zum Beispiel Strato

'Screenshot Strato Easy-Video' von kantel

bieten mittlerweile einen Flash-Streaming-Server für ihre Kunden.

Flash-Videos (3)

… und das kann dann (zum Beispiel) so aussehen:


Link

Flash-Videos (4)

Flash-Videos in die eigene Webseite einbinden (2): Warum?

  • Flash-Player: 97,7 % Verbreitung
  • Windows Media Player: 85 % Verbreitung
  • QuickTime Player:68 % Verbreitung
  • Real Player: 60 % Verbreitung

(Quelle: Adobe)

Flash-Videos (5)

Wie komme ich ohne Flash an Flash-Videos (Möglichkeit 1)?

  • Step 1: Bei einem Videohoster (z.B. YouTube) hochladen
  • Step 2: Mit Hilfe eines Online-Tools (z.B. Keepvid.com) die Datei als FLV-Datei wieder herunterladen

;o)

Flash-Videos (6)

Wie komme ich ohne Flash an Flash-Videos (Möglichkeit 2)?

'Flash-Filme mit ffmpegX erzeugen' von kantel

Mal wieder ffmpegX: »How to encode a movie in FLV Flash Video format for your website or blog with ffmpegX (MacOS X).«

Flash-Videos (7)

High-Quality-Flv's selber gebaut (nahezu DivX-Qualität):

'Screenshot ffmepgX' von kantel

Flash-Videos (8)

Und dann brauche ich auch noch einen (freien) Player:

'Flash Video Player 3.7' von kantel

Zum Beispiel den Flash Video Player von Jeroen Wijering (CC-Lizenz)…

Flash-Videos (9)

…oder den Flow Player (GPL)

'Screenshot FlowPlayer' von kantel

der z.B. auch vom Internet Archive benutzt wird.

Flash-Videos (10)

YouTube und Co.: Videohoster

'Videohoster' von kantel

Einbinden via Copy & Paste

Fragen?

?

Danke!


Navigation