3 verschiedene Möglichkeiten, einen kostenlosen MP3-Player auf Ihrer Website einzubetten

3 verschiedene Möglichkeiten, einen kostenlosen MP3-Player auf Ihrer Website einzubetten / Wordpress & Webentwicklung

Websitebesitzer sollten sich jetzt darüber freuen, dass es mehr Unterstützung für das Einbetten von Codes für fast alles, für Chat-Widgets, Anruf-Widgets usw. gibt. Wenn Sie einen MP3-Player benötigen, können Sie auf Websites wie Widgetbox Blidgets - So erstellen Sie Widgets, die Werbung machen Ihr Blog Blidgets - Erstellen von Widgets, mit denen Sie Ihren Blog promoten können Lesen Sie mehr, oder lesen Sie weiter, da wir eine Sammlung von einfachen Möglichkeiten zum Einbetten von MP3s gesammelt haben. Wenn Sie eine Website besitzen, kann ich davon ausgehen, dass Sie ein wenig HTML kennen, von dem Sie in diesem Artikel eine Menge erfahren.

Es gibt 3 Player, mit denen Sie MP3s einbetten können. Zuerst besprechen wir, was Sie für die einzelnen MP3s benötigen, die Sie hosten. Für zusätzliche MP3-Dateien können Sie entweder die Yahoo! Media Player: Er erkennt alle MP3-Links und zeigt sie in einem Player an, damit der Website-Besucher sie abspielen oder durchsuchen kann. Wenn Sie Wiedergabelisten für MP3-Dateien erstellen, sollte die dritte Methode zum Einbetten eines MP3-Players Ihren Anforderungen entsprechen, obwohl er längere Codes als die vorherigen beiden enthält.

Google Reader Podcast Player für einzelne MP3s

Der Blog von Digital Inspiration enthält Details zum Einbetten von MP3-Dateien in den Google Player. Um den Artikel zusammenzufassen, müssen Sie lediglich diesen Code einfügen und ersetzen “MP3URL” mit der korrekten URL der im Web gehosteten MP3-Datei, die Sie in Ihre index.html-Datei einbetten möchten, die die Hauptseite hostet:

MP3URL” width =”400 "Höhe =”27 "Qualität =”Beste”>

Obwohl dieser Player sehr einfach aussieht, trägt er nicht das Google-Logo, er hat sogar Lautstärkeregler und ist wahrscheinlich eine der einfachsten Möglichkeiten, einen MP3-Player schnell einzubetten.

Yahoo Media Player für eine beliebige MP3-URL auf einer Seite

Nehmen wir an, Sie haben bereits eine Reihe von MP3-Dateien auf Ihrer Webseite und benötigen nur einen Player. Anstatt den Google-Player-Code für jede dieser MP3s einzufügen, können Sie einfach das Handy verwenden [NICHT MEHR FUNKTIONIERT] Yahoo Media Player.

Solange Sie mit diesen MP3-Dateien auf Ihrer Webseite verlinkt haben, können Sie den Yahoo Media Player mit dem folgenden Code einschließen, der die MP3-Dateien erkennt und anzeigt abspielen Tasten neben jeder MP3-Datei.

Mit dieser HTML-Zeile erhalten Sie einen schwebenden Media-Player, der alle MP3-Dateien auf einer Webseite abspielen kann.

JW FLV Player für Wiedergabelisten

Der JW-Player ist ein Open-Source-Player für nichtkommerzielle Zwecke. Sie können den Player herunterladen, der mit ein paar weiteren Dateien geliefert wird, nämlich swfobject.js und player.swf, Sie werden alle an den gleichen Ort hochgeladen, an dem sich Ihre Website befindet. Wenn Sie den JW Player für Wiedergabelisten verwenden, müssen Sie Code in Ihre einfügen index.html Seite und haben auch eine separate XML-Datei mit der Trackliste, die wirklich nicht so schwer zusammenzustellen ist.

Zuerst müssen Sie den folgenden Code in Ihr einfügen index.html Seite:

Dieser Text wird ersetzt

Die fett gedruckten Elemente müssen durch die korrekten URLs des Objekts, des Players und der XML-Datei ersetzt werden (URLofSWFOBJECT.JS, URLofPLAYER.SWF, URLofPLAYLISTFILE.XML). Wenn dieser Code auf Ihrer Seite nichts anzeigt, versuchen Sie diesen Code, der MP3-Player in Blogs und Websites wie MySpace einbetten soll:







type = "application / x-shockwave-flash"
id = "single2"
name = "single2"
src = 'URLofPLAYER.SWF'
width = "470"
Höhe = "300"
bgcolor = "undefined"
allowcriptaccess = "immer"
allowfullscreen = "true"
wmode = "transparent"
flashvars = 'playlistfile =URLofPLAYLISTFILE.XML& playlist = left & dock = false '
/>

Für die XML-Datei müssen Sie lediglich eine Datei mit der XML-Dateierweiterung mit Notepad in Windows oder einem beliebigen Texteditor speichern. Wenn Sie Notepad verwenden, vergewissern Sie sich im Typ speichern unter Feld hat “Alle Dateien (*.*)”. Fügen Sie dies in die XML-Datei ein und ersetzen Sie fette Elemente durch die entsprechenden Einträge:



<strong>Ihre MP3-Playlist</strong>
http: // YourWebpageHere /


<strong>NAMEofMP3file1</strong>
URLofMP3file1.MP3


<strong>NAMEofMP3file2</strong>
URLofMP3file2.MP3


<strong>NAMEofMP3file3</strong>
URLofMP3file2.MP3

Sie können weitere Spuren hinzufügen, wenn Sie möchten

Tag, stellen Sie einfach sicher, dass Sie die Höhe des Players entsprechend anpassen. So sieht der Spieler mit der Playlist auf der linken Seite aus.

Um die Farbe des Players anzupassen, gehen Sie zur Setup-Seite der offiziellen JW Player-Website. Auf dieser Setup-Seite können Sie auch die gewünschten Player-Parameter eingeben (z. B. ob Sie die automatische Wiedergabe starten möchten oder nicht) und eine Vorschau der Ergebnisse anzeigen. Sie müssen nicht einmal den Code herausfinden, da er den Code zum Kopieren einfach ausspuckt.

Dieser fantastische, kostenlose Player kümmert sich nicht nur um die gesamte Wiedergabeliste, sondern kann auch einzelne MP3-Dateien abspielen. Sie müssen diesen Code nur in Ihr einfügen index.html Datei:

Dieser Text wird ersetzt

Sie sollten auch die Dauer der MP3-Datei eingeben, oder Sie können diese Zeile auch ganz weglassen.

Wenn Sie sich lieber nicht mit Codes herumschlagen und Einbettungscodes einfach kopieren und einfügen möchten, ohne sie ändern zu müssen, können Sie immer einzelne MP3-Dateien auf eine Online-Speicherseite hochladen, beispielsweise 4shared und Box.net, die Einbettungscodes für MP3-Dateien anbieten.

Habe ich einen kostenlosen MP3-Player vermisst? Lass es uns in den Kommentaren wissen!

Bildnachweis: Box.net

Erfahren Sie mehr über: Media Player, MP3, Webmaster-Tools.