Digitale Welt | Donnerstag, 13. Januar 2005

Tutorial: Audiodatei nachladen

Bettet man eine Audiodatei in eine HTML-Seite ein, wird sie bei jedem Aufruf der Seite mitgeladen – auch, wenn man sie gar nicht hören will. Will man seinen Lesern eine mp3-Datei (z. B. ein Musikstück oder, ganz aktuell: einen Podcast) vorspielen, macht man das deshalb meistens mit einem Link zur entsprechenden Audiodatei, die dann in einem eigenen Fenster geöffnet wird.

Aber es geht auch anders:

mp3-Datei, 748 kB

Ohne dass die mp3-Datei schon beim Aufruf der Seite geladen werden musste, kann man sie auf der gleichen Seite abspielen.

Wie das geht? Ganz einfach: Man erstellt ein Bild, das 20 Pixel hoch und so breit ist, wie hinterher der QuickTime-Controller auf der Seite erscheinen soll. Auf diesem Bild sollte irgendein Aufforderungstext zum Anklicken stehen. Nachdem das Bild gesichert ist (ich empfehle das PNG Format) öffnen wir den QuickTime Player. Mit dem Menüpunkt Ablage > Neuer Player erzeugen wir einen leeren Film. Unter Ablage > Importieren… importieren wir das soeben hergestellte Klick-Aufforderungsbild und erhalten anschließend einen Film mit einem einzigen Bild:

QuickTime Film

Diesen Film, in meinem Fall ist er lediglich 3KB groß, speichern wir als eigenständigen Film ab, z. B. unter dem Namen „abspielen.mov“. In die HTML-Datei kommt folgendes:

<embed src="abspielen.mov"
width="400" height="20"
controller="false"
autoplay="false"
href="Pfad/zur/Audiodatei.mp3"
target="myself"
pluginspage="http://www.apple.com/de/quicktime/download/">
</embed>

Bei href=„Pfad/zur/Audiodatei.mp3“ müssen Sie natürlich Ihre Audiodatei angeben, die nach Anklicken nachgeladen und abgespielt wird.
Viel Spaß beim Audiobloggen.

Informationen zu QuickTime Authoring

Update

Ich habe etwas übersehen. Da MSIE ab Version 5.5

<embed>

nicht mehr unterstützt, muss man, damit es auch im Internet Explorer funktioniert, das ganze zusätzlich auch in einem object-Block liefern, der den embed-Tag umschließt:

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
width="400" height="20"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="abspielen.mov">
<param name="autoplay" value="false">
<param name="controller" value="false">
<param name="href" value="Pfad/zur/Audiodatei.mp3">
<param name="target" value="myself">
<code>****Hierhin kommt der embed-Tag von oben</code>
</object>

Update 2015:

Diese Technik ist mittlwerweile überholt und funktioniert nicht mehr.

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

Jérôme Donnerstag, 13. Januar 2005, 23:29 Uhr

Eine sehr schöne Anleitung, ein angenehm zu hörender Text – vielen Dank, das merke ich mir!

tom Donnerstag, 13. Januar 2005, 00:47 Uhr

Gut gesprochen! Die Technik ist so aber schon seit 1997 von Real verwendet worden (Text-File – hier leerer Film – verweist auf den eigentlichen Content der im Ideal von einem Streamingserver kommt), Apple nennt das (wo liegt das File und was soll der Client-Player tun) anders – ist aber gleich geblieben.
Andere Anbieter mit der gleichen Technik (und Möglichkeit): Microsoft und realnetworks

Michael Preidel Freitag, 14. Januar 2005, 07:39 Uhr

Moin Tom. Ich habe ja nicht gesagt, dass die Technik neu sei. Das href Attribut beherrscht QuickTime seit Version 3, und die gibt es, welch Zufall ;-) seit 1997.

Bisher wurde diese Technik – wenn überhaupt, QT-Authoring scheint nicht sehr weit verbreitet zu sein – meines Wissens aber ausschließlich bei und mit Filmen eingesetzt. Da es QuickTime aber eigentlich egal sein kann, ob da nun ein Film oder ein Audiofile nachgeladen wird (solange QT das abspielen kann), habe ich diese Nachladetechnik gestern mit einer mp3-Datei ausprobiert und siehe da – es klappte. Und zwar ohne einen Streaming Server und, wie ich persönlich finde, wesentlich einfacher und eleganter als bei der Mutter aller Spyware Firmen Real oder bei Microsoft.

typneun Freitag, 14. Januar 2005, 08:32 Uhr

“... und ich glaube, audiobloggen ist doch nichts für mich.“
:)
würd ich gar nicht mal sagen. hast zumindest eine angenehmere stimme als diverse möchtegern-sprecher und -moderatoren im hiesigen deutschen TV. :)

Gerrit Freitag, 14. Januar 2005, 08:41 Uhr

Eine saubere Lösung, jedoch mit einem kleinen Haken verbunden: Man muss eben Quicktime installiert haben. Und das hat nicht jeder. Vor allem unter Windows ist das blau schimmernde Q immer noch relativ unbeliebt, was zwar eine Schande ist, aber leider nicht zu ändern.

Martin Kautz Freitag, 14. Januar 2005, 15:31 Uhr

Eben. So was schreit nach Flash! :-)

Michael Preidel Freitag, 14. Januar 2005, 20:46 Uhr

Aha, aber das Flash Plugin hat sicher jeder installiert ;-)

So unbeliebt ist QuickTime bei Windows-Usern gar nicht, wie die Download-Zahlen zeigen – selbst mein Vater hat das auf seinem Rechner! Ich bin natürlich auch ein wenig Mac-Evangelist, und wenn ich tatsächlich nur einen Windows User dazu bringe (da gibt es ja die Fallback-Attribute pluginspage bzw. codebase), QuickTime zu installieren, freut es mich. Für ihn.

Denn QuickTime, das es nebenbei bemerkt schon seit 1991 gibt (ich kann mich an die ruckelnden, 80×60 Pixel großen Filmchen noch gut erinnern), ist heute IMHO die mit Abstand ausgereifteste Lösung für Bild-, Video- und Audio-Wiedergabe auf einem Computer. Was ich dagegen von Flash in diesem Zusammenhang halte, sage ich lieber nicht …

Robert Samstag, 15. Januar 2005, 18:52 Uhr

Toller Tipp, aber zwei Verbesserungsvorschläge habe ich dennoch: – der Maus-Cursor zeigt keinen Link an, das hält mich davon ab, dann wirklich draufzuklicken – als „Leerbild“ kann man doch auch prima das Bild nehmen, das sowieso dann erscheint: die Player-Kontrolle mit Fortschrittsbalken.

Cheers, Robert

Martin Kautz Samstag, 15. Januar 2005, 23:00 Uhr

Ich bin mir ziemlich sicher, dass das Flash-Player-Plugin eine höhere Verbreitung als QT hat; Dein Vater ist da mit Sicherheit nicht repräsentativ, Michael. :-) Außerdem gibt es neben Windows und Mac OS auch noch Linux. Und die Pinguine sind derzeit mit Flash um einiges besser bedient als mit QT(4Linux). Dass Flash einen so schlechten Ruf hat, hängt mit der kreierenden Community zusammen, die damit immer nur zappelnde Banner fertigt… Insofern geht es da Flash nicht anders als allen Werkzeugen: Manchmal ist es „das Messer in der Hand des Affen“.

Natürlich ist QT fein!

Gerrit Sonntag, 16. Januar 2005, 11:52 Uhr

Flash ist ein sehr feines PlugIn für multimediale Inhalte. Man darf halt keine Seiten oder Navigationen damit bauen. Aber für Elemente innerhalb von Seiten kann man es oft hervorragend einsetzen. Und die Verbreitung ist, da schließe ich mich meinem Vorredner an, in jedem Falle höher als bei Quicktime, egal wie lange es ersteres und zweiteres schon gibt :-)

Vitanigma Sonntag, 4. Dezember 2005, 19:04 Uhr

Quicktime ist für nicht-Aplle-User nach wie vor kein Schritt in die Zukunft.
Als Windows- und High-Resolution-User sehe ich keinen Sinn in einem Player, der mir Inhalte nicht einmal in Vollbild, also nur in Briefmarkengröße, darstellen kann.
Ich würde, wenn überhaupt, auch jedem zu Flash raten. Insbesondere dann, wenn die Seite ein breites Benutzerspektrum hat. Es soll vorgekommen sein das Personen eine Seite fluchtartig verlassen wenn sie an jeder 2ten Ecke zur installation von Plugins aufgefordert werden die sie nicht installiert haben / installieren wollen.

Gruß,
Vita.