Ich war einmal in einer Rockband. Als ich unsere Website baute, wollte ich natürlich etwas Musik einbauen, damit die Besucher vor dem Kauf unserer Songs auf iTunes hören können. Nach ein wenig Recherche habe ich herausgefunden, dass es Millionen Möglichkeiten gibt, einige davon besser als andere. Nach zwei Alben und vielen guten Zeiten existiert meine Band The Van Buren Regulars leider nicht mehr. Zum Glück lebt das, was ich über das Einbetten von Musik gelernt habe, weiter und kann leicht weitergegeben werden.
Heute betrachten wir vier einfache Möglichkeiten, MP3-Dateien in Ihre Website einzubetten. Alle diese Methoden sind kostenlos und benötigen nur wenige Minuten zur Implementierung. Lass sie uns überprüfen!
Einfacher Player mit bearbeitbaren Parametern
Mit einem Objekt-Tag können wir unseren eigenen kleinen Spieler mit ein paar Zeilen Code erstellen. Fügen Sie den folgenden Code in Ihre Seite ein und fügen Sie den Link in Ihre MP3-Datei ein. Sie können dann Optionen wie Höhe, Breite, Hintergrundfarbe, Loop und Autoplay anpassen.
Quelle: O'Reilly Media
Hier ist der Spieler, der sich ergibt (das Laden kann eine Minute dauern):
Google Reader MP3-Player
Ich bin sicher, Sie wären nicht überrascht zu wissen, dass Google über eine kostenlose Ressource verfügt, die perfekt zu diesem Problem passt. Um den MP3-Player von Google Reader zu verwenden, fügen Sie einfach den folgenden Code in Ihre Seite ein und zeigen Sie mit der Taste? AudioURL? in Ihrer MP3-Datei.
Hier ist ein Beispiel:
Yahoo Media Player
Der Yahoo Media Player verfolgt einen drastisch anderen Ansatz, indem er den Zuschauern einen sehr minimalen Text und eine Wiedergabeschaltfläche anstelle eines vollwertigen Players präsentiert. Wenn Sie jedoch auf die Wiedergabeschaltfläche klicken, wird ein schwebender Player angezeigt, der beim Scrollen dabei bleibt. Ziemlich schick!
Für den Yahoo-Player fügen Sie dieses JavaScript zuerst in Ihren Code ein:
Anstatt für jeden MP3, den Sie einbetten möchten, einen neuen Player zu erstellen, verknüpfen Sie einfach die MP3s in Ihrem HTML-Code, und der Player wird automatisch für Sie erstellt.
Hier ist das Beispiel:
Lied 1
Lied 2
Beachten Sie auch, dass der Yahoo-Player bereits vor dem Klicken auf die Wiedergabeschaltfläche angedockt ist und unten links im Fenster einsatzbereit ist. Klicken Sie einfach auf den Pfeil, um ihn herauszuschieben.
MixPod
MixPod erstellt ein kostenloses Flash-Widget, das in Ihre Website eingebettet werden kann. Es gibt Vor- und Nachteile bei der Nutzung dieses Dienstes im Vergleich zu den oben genannten. Die Nachteile sind, dass Sie sich anmelden müssen (kostenlos) und der Player zeigt einen Link zu MixPod. Die Profis sind, dass Sie eine Fülle von großartigen Design-Optionen, eingebetteten Titelinformationen, darunter den Namen des Künstlers und des Songs, die Möglichkeit haben, das Farbschema an das Ihrer Website anzupassen, und auf beliebte Songs und Playlisten zugreifen.
Das Einrichten eines MixPod ist sehr einfach und erfordert keine Programmierkenntnisse, wenn Sie den Code-Code einfügen, den Sie erhalten. Alles, was Sie tun, ist, Ihren MP3-Link einzufügen, die Interpreten- / Titelinformationen für alle Titel in Ihrer Wiedergabeliste einzufügen und Ihre Haut und Farben auszuwählen. Dann bietet Ihnen MixPod einen ziemlich großen Code-Code zum Einfügen in Ihre Site. Das Ergebnis ist ziemlich glatt.
MixPod ist nur einer von vielen Anbietern von kostenlosen Flash-Playern, die Sie in Ihre Website einbetten können. Schauen Sie sich diesen Beitrag bei CNET für eine Liste der guten an.
Fazit
Dieser Beitrag ist ein bisschen zu kurz, aber das liegt daran, dass das Einbetten von Musik wirklich einfach geworden ist. Alle oben genannten Player bieten Ihnen einfache Kopier- und Einfügelösungen, um MP3s auf Ihrer Website zu platzieren. Der Player, den Sie verwenden sollten, hängt ganz davon ab, wie Sie ihn verwenden möchten. Manchmal möchten Sie nur etwas so Minimales wie möglich, während Sie einen auffälligen, animierten Player benötigen, den Ihre Zuschauer nicht verpassen dürfen. Ich persönlich liebe die Skins und Funktionen der MixPod-Player. Allerdings bietet nur Yahoo diese großartige Floating-Funktion, sodass der Player bei Ihnen bleibt und jederzeit ausgeschaltet oder manipuliert werden kann. Hinterlassen Sie einen Kommentar, um uns mitzuteilen, wie Sie MP3s in Ihre Websites einbetten oder welche dieser Optionen Ihnen am besten gefällt.