Den Audio-Player im TYPO3-Inhaltselement Medien (Media) konfigurieren
Seit der TYPO3-Version 4.3 gibt es ein neues Medien-Inhaltselement. Hier finden Sie Hinweise zur Konfiguration und Anpassung des Audio-Players im TYPO3 Content Element Medien/Media.
Beispiele
Beispiel 1: Darstellung ohne Anpassungen
Beispiel 2: Angepasste Farben, Interpret- und Titel-Info ausgeblendet, angepasste Breite, verbleibende Zeit wird angezeigt
Beispiel 3: Angepasste Farben, automatische Wiederholung, voreingestellte Lautstärke, Überschreiben von Interpret und Titel, ausgeklappter Player (ohne Animation)
Beispiel 1 (Sommerwiese)
Der Audioplayer benötigt ein installiertes Flash-Plugin.
Beispiel 2 (Schiffshörner)
Der Audioplayer benötigt ein installiertes Flash-Plugin.
Beispiel 3 (Hatschi!)
Der Audioplayer benötigt ein installiertes Flash-Plugin.
Grundlagen
TYPO3 integriert die "standalone" Version des Flash Audio-Players aus dem Wordpress-Projekt. Über einige Optionen kann der Player in Aussehen und Verhalten angepasst werden. Die Optionen können im Medien-Inhaltselement als zusätzliche Parameter -> benutzerdefinierte Parameter gesetzt werden oder als Default-Wert in TypoScript.
Im Inhaltselement als benutzerdefinierter Parameter:
flashvars.[option] = [wert]
Beispiel:
flashvars.loop = yes
flashvars.titles = Hatschi!
flashvars.artists = Anonymous
In TypoScript als Default-Wert:
tt_content.media.20.mimeConf.swfobject.audio.default.flashvars.[option] = [wert]
Beispiel:
### Media CE audio
tt_content.media.20.mimeConf.swfobject.audio.default {
# Background
flashvars.bg = E5E5E5
# Speaker icon/volume control background
flashvars.leftbg = AAAAAA
# Speaker icon
flashvars.lefticon = FFFFFF
}
Allgemeine Optionen
| Option | Beschreibung | Default |
|---|---|---|
| autostart | Player startet automatisch | no |
| loop | Am Ende wird Automatisch wieder von vorne abgespielt | no |
| animation | Falls "no" bleibt der Player immer im ausgeklappten Zustand | yes |
| remaining | Zeigt verbleibende Abspielzeit anstatt der vergangenen | no |
| noinfo | Die Informationen zu Titel und Interpret werden nicht angezeigt | no |
| initialvolume | Anfangseinstellung der Lautstärke | 60 |
| buffer | Puffer in Sekunden | 5 |
| rtl | Ändert die Richtung auf "von rechts nach links" für z.B. Hebräisch und Arabisch | no |
Farben
| Option | Beschreibung | Default |
|---|---|---|
| bg | Hintergrund | E5E5E5 |
| leftbg | Lautsprecher/Lautstärkeregler Hintergrund | CCCCCC |
| lefticon | Lautsprecher | 333333 |
| voltrack | Lautstärkeregler | F2F2F2 |
| volslider | Lautstärkeanzeige | 666666 |
| rightbg | Play/Pause Hintergrund | B4B4B4 |
| rightbghover | Play/Pause Hintergrund bei MouseOver | 999999 |
| righticon | Play/Pause-Symbol | 333333 |
| righticonhover | Play/Pause-Symbol MouseOver | FFFFFF |
| loader | Ladebalken | 009900 |
| track | Ladebalken/Abspielbalken Hintergrund | FFFFFF |
| tracker | Abspielbalken | DDDDDD |
| border | Rahmen um Abspielbalken | CCCCCC |
| skip | Vorwärts/Zurück bei mehreren Audio-Dateien pro Player | 666666 |
| text | Text | 333333 |
Audio-Dateien
| Option | Beschreibung | Default |
|---|---|---|
| soundFile | Kommaseparierte Liste von MP3-Dateien; wird vom TYPO3 Medien-Inhaltselement automatisch gesetzt | |
| titles | Kommaseparierte Liste mit Titeln; überschreibt die entsprechende ID3-Information aus der MP3-Datei | |
| artists | Kommaseparierte Liste mit z.B. Interpreten; überschreibt die entsprechende ID3-Information aus der MP3-Datei |
Flash-Player Optionen
Die Breite des Players wird im entsprechenden Eingabefeld des Inhaltselements eingetragen oder per TypoScript voreingestellt:
tt_content.media.20.mimeConf.swfobject.audio.defaultWidth = 300
Hintergrund des Flash-Players transparent darstellen im TypoScript Setup:
tt_content.media.20.mimeConf.swfobject.audio.default.params.wmode = transparent
... oder im Inhaltselement als benutzerdefinierter Parameter:
params.wmode = transparent