Modul Video-/Audioplayer. Version 1.1

Transkript

1 Modul Video-/Audioplayer Version 1.1

2 Inhaltsverzeichnis 1. Wichtiger Hinweis Datei-Formate Datei-Upload Datei-Upload über TYPO Datei-Upload per FTP Datei-Upload auf externe Server Player anlegen Inhaltselement erstellen Player-Konfiguration Inhalt (aus TYPO3) Inhalt (extern) Konfiguration Playlist Info Tipps zur Anwendung Player als Jukebox nutzen Bild mit Audio-Datei unterlegen S. Teuber, Langenfeld

3 1. Wichtiger Hinweis Bevor Sie ein Video oder eine Audio-Datei im WWW veröffentlichen, stellen Sie sicher, dass diese weltweit frei von Rechten Dritter ist oder dass Sie über die nötigen Lizenzen verfügen, um die Datei im Web veröffentlichen zu dürfen. Dies gilt insbesondere auch für den Soundtrack und die darin verwendeten Musikstücke! Ziehen Sie vor der Veröffentlichung von Video-/Audio-Material im WWW bitte immer einen Juristen zu Rate, um teure Abmahnungen und/oder straf- und zivilrechtliche Konsequenzen zu vermeiden. 1.1 Datei-Formate Das Video-/Audio-Modul kann mit Dateien in folgenden Formaten bestückt werden: Video-Formate: empfohlen: MP4 Video (.mp4) (Video-Codec: H.264, Audio-Codec: AAC) Flash Video (.flv) Flash MP4 Video (.f4v) Audio-Formate: MP3 Audio (.mp3) Bildformate: JPG Bitmap (.jpg) PNG Bitmap (.png)

4 2. Datei-Upload 2.1 Datei-Upload über TYPO3 Kleinere Dateien (bis ca. 50 MB) können über das TYPO3-Backend hochgeladen werden. Größere Dateien müssen auf anderen Wegen auf den Server gelegt werden, etwa per FTP-Upload (vgl. 2.2 Datei-Upload per FTP). 2.2 Datei-Upload per FTP Per FTP können größere Dateien auf den Server transferiert werden.

5 Dazu wird ein FTP-Zugang benötigt (dieser kann auf Anfrage vom Serveradministrator / Abteilung Technik eingerichtet werden). Nach dem Upload müssen die Dateien von TYPO3 einmal indexiert werden, damit sie im Datei-Auswahlassistenten ausgewählt werden können:

6 2.3 Datei-Upload auf externe Server Dateien können auch von externen Servern in den Player eingebunden werden. Dazu müssen die auf diesen Servern abgelegten Dateien per http-link abgerufen werden können. Beispiel: Mitarbeiter-Webspace an der KHM: Wie Sie Dateien auf Ihren individuellen Server aufspielen können, erfragen Sie bitte bei Ihrem Systemadministrator.

7 3. Player anlegen 3.1 Inhaltselement erstellen

8 3.2 Player-Konfiguration Inhalt (aus TYPO3) Dateien: In diesem Feld können eine oder mehrere Dateien in den passenden Formaten zugewiesen werden. Zur Datei-Auswahl bitte Icon A klicken. Titel: In diesem Feld kann für jede Datei im Feld Dateien ein Titel eingegeben werden, der in der Playlist angezeigt wird. Jede Zeile in diesem Feld entspricht einer Datei im Feld Dateien. Die Titel sollten eher kurz gehalten werden. Standbild: Wenn in diesem Feld mit dem Icon B ein Bild ausgewählt wird, wird beim Laden der Website zunächst dieses Bild anstelle des Players angezeigt. Ein Klick auf das Bild lädt den Player und startet die Wiedergabe der ersten Datei. Abspielen-Knopf über Standbild einblenden: Standardmäßig wird ein Abspielen -Knopf über das Standbild gelegt, um dem Benutzer anzuzeigen, dass das Bild klickbar ist. Mit dieser Checkbox kann der Knopf abgeschaltet werden, wenn z.b. ein eigener Knopf bereits in das Standbild integriert wurde.

9 3.2.2 Inhalt (extern) Link zu Datei: In diesem Feld können eine oder mehrere URLs zu Dateien eingetragen werden, die nicht Teil des TYPO3-Systems sind und daher nicht in das Feld Dateien auf Inhalt (aus TYPO3) hochgeladen werden können. Pro Zeile kann eine Adresse eingetragen werden. Titel: In diesem Feld kann für jeden Link im Feld Link zu Datei ein Titel eingegeben werden, der in der Playlist angezeigt wird. Jede Zeile in diesem Feld entspricht einer Datei im Feld Link zu Datei. Die Titel sollten eher kurz gehalten werden. Die beiden Felder Inhalt (aus TYPO3): Dateien und Inhalt (extern): Link zu Datei können gleichzeitig benutzt werden. In der Playlist werden dann zuerst die Dateien, danach die Links angezeigt und abgespielt.

10 3.2.3 Konfiguration Breite (Pixel): Bestimmt die Breite des Player-Fensters (ohne Playlist). Empfohlene Werte bei deaktivierter Playlist / Playlist unten: Einspaltig: 230 Pixel Zweispaltig: 460 Pixel Dreispaltig: 690 Pixel Empfohlene Werte bei Playlist links/rechts: Einspaltig: 150 Pixel Zweispaltig: 350 Pixel Dreispaltig: 540 Pixel Höhe (Pixel): Bestimmt die Höhe des Player-Fensters. Wichtig für das Seitenverhältnis. Einige Empfehlungen entnehmen Sie bitte der folgenden Tabelle: Breite (Pixel) / Seitenverhältnis Pixel 4: Pixel 16 : Pixel Autoplay: Wenn dieses Merkmal gesetzt ist, beginnt der Player sofort nach dem Laden der Seite damit, die erste Datei abzuspielen. Am Ende einer Datei wird automatisch die nächste Datei abgespielt.

11 Ist das Merkmal nicht gesetzt, muss der Benutzer für jede Datei den Abspielen -Button oder einen Eintrag in der Playlist anklicken, damit der Player eine Datei abspielt. Auto-Buffering: Normalerweise beginnt der Player damit, eine Datei zu laden, wenn diese abgespielt wird. Solange der Benutzer noch nicht auf Abspielen geklickt hat, wird die Datei noch nicht geladen. Durch Setzen dieses Merkmals beginnt der Ladevorgang der Datei schon bevor der Benutzer auf Abspielen klickt. Dies kann ein durch Nachladepausen ausgelöstes Stottern beim Abspielen vermeiden, zwingt den Benutzer aber dazu, die Datei zu laden, auch, wenn er diese gar nicht abspielen möchte. Standardmäßig ist dieses Merkmal deaktiviert (empfohlen!). Skalierung: Steuert die Anpassung des Videos an die Größe des Player-Fensters. Das Video kann wahlweise a) auf die Größe des Player-Fensters gestreckt werden (Vollbild); b) an die Breite oder Höhe des Players angepasst werden, wobei das Seitenverhältnis des Videos beibehalten wird. Nicht gefüllt Bereiche des Player-Fensters werden mit schwarzen Balken abgedeckt. c) Videos, die kleiner sind als das Player-Fenster, in Originalgröße abspielen, ohne das Video auf die Fenstergröße zu vergrößern. Videos, die größer sind als das Player-Fenster, werden wie in b) skaliert.

12 3.2.4 Playlist Playlist anzeigen: Wenn mehrere Dateien in einem Player sind, kann mit diesem Schalter eine Playlist neben dem PlayerFenster eingeblendet werden. Mögliche Positionen: links vom Player, rechts, oder unterhalb. Breite: Die Breite der Playlist. Mögliche Werte: automatisch: Die Breite richtet sich nach dem zur Verfügung stehenden Platz und der Länge der Titel wie Video-Player: Die Playlist übernimmt die Breite des Players. Nützlich bei Position unten aus untenstehendem Feld: Die Playlist ist so breit, wie im Feld Breite (Pixel) angegeben Für Playlisten, die links oder rechts platziert werden, sind Pixel Breite ein guter Wert. Achten Sie darauf, dass die Playlist breit genug ist, um längere Begriffe nicht abzuschneiden. Reduzieren Sie ggf. die Breite des Players, um Raum für die Playlist zu schaffen. Player mit Playlist rechts Player mit Playlist unten Player mit Playlist links

13 Breite (Pixel): Die Breite der Playlist in Pixeln, wenn im Feld Breite die Option aus untenstehendem Feld ausgewählt wird. Höhe: Die Höhe der Playlist. Mögliche Werte: automatisch: Die Höhe richtet sich nach dem zur Verfügung stehenden Platz und der Länge der Titel wie Video-Player: Die Playlist übernimmt die Höhe des Players. Nützlich bei Position links oder rechts, damit die Playlist nicht über den unteren Rand des Players hinaus geht. Enthält die Playlist mehr Punkte, als in der verfügbaren Höhe dargestellt werden können, erscheint automatisch ein Scrollbalken aus untenstehendem Feld: Die Playlist ist so hoch, wie im Feld Höhe (Pixel) angegeben Höhe (Pixel): Die Höhe der Playlist in Pixeln, wenn im Feld Höhe die Option aus untenstehendem Feld ausgewählt wird. Playlist mit Scrollbalken bei fester Höhe

14 3.2.5 Info Die Angaben aus dem Bereich Info werden unterhalb des Players als eine Art Bildunterschrift angezeigt. Überschrift: Eine kurze Zusammenfassung des Player-Inhalts. Wird in fett dargestellt ung ggf. verlinkt. Link für Überschrift: Ein Link zu einer Seite mit weiteren Informationen zum Player-Inhalt. Text: Ein kurzer Info-Text zum Player-Inhalt.

15 4. Tipps zur Anwendung 4.1 Player als Jukebox nutzen Wenn ein Modul Video-/Audioplayer ausschließlich Dateien im Format.mp3 enthält, schaltet sich der Player automatisch in den Jukebox -Modus. In diesem Modus wird das Videofenster ausgeblendet, so dass nur noch der Kontroll-Balken sichtbar ist. Jukebox mit Playlist unten 4.2 Bild mit Audio-Datei unterlegen Mit dem Modul Video-/Audioplayer ist es möglich, während des Abspielens einer Audio-Datei ein Standbild anzuzeigen (z.b. das CD-Cover bei einem Musikstück, oder ein Bild des Vortragenden bei einem Mitschnitt einer Vorlesung). Dazu gehen Sie wie folgt vor: Fügen Sie in das Feld Dateien zunächst die Bilddatei ein, danach die Audio-Datei Setzen Sie Autoplay auf aktiviert (das Häkchen muss im Feld zu sehen sein) Setzen Sie Playlist anzeigen auf aus Um mehrere Tracks hintereinander mit Standbildanzeige abzuspielen, bestücken Sie das Feld Dateien immer abwechselnd mit einer Bild- und einer Audio-Datei. Konfiguration für Bildanzeige beim Abspielen der Audio-Datei