Eine Audio Datei z. B. MP3 in eine Webseite oder Gambio Shop integrieren

Zuletzt geändert am 30. April 2022 von kai.s.

Früher war es sehr umständlich seine eigenen Audio Dateien in eine Webseite oder Onlineshop einzubinden, da man einen Player zum Abspielen benötigte. Heute ist das zum Glück anders und viel einfacher geworden.

<audio src="https://www.agentur-schoelzke.de/wp-content/uploads/2022/04/audiohub_2017-00098-1188_hands-up-for-summer_free-version-1.mp3" controls >Sorry - Ihr Browser hat keine Unterstützung für dieses Audio-Format.</audio>

Das ist alles und aktuell einfachste Möglichkeit was man braucht. Erzeugt wird damit diese Ausgabe und das abspielen der Datei.

Hands up for summer – GEMAfreie Musik von https://audiohub.de

Als erstes lade Ihre Eure mp3 Dateien in ein Verzeichnis in Eurem Onlineshop oder Webseite. Den Pfad bitte notieren den benötigt Ihr. In meinem Fall ist das „https://www.agentur-schoelzke.de/wp-content/uploads/2022/04/audiohub_2017-00098-1188_hands-up-for-summer_free-version-1.mp3“

Als nächstes geht Ihr in Eure Webseite oder Online Shop auf die Seite wo die Datei abgespielt werden soll, dort such Ihr euch die Position wo der Player hin soll. Beachtet bitte, sollte Ihr ein CMS benutzen, also z. B. WordPress oder Gambio, dann müsst Ihr erst in den Quelltext oder HTML Modus wechseln um den Code eingeben zu können. Dann benutzt Ihr einfach das hier:

<audio src="#" controls >Sorry - Ihr Browser hat keine Unterstützung für dieses Audio-Format.</audio>

Die Raute einfach durch den Pfad zu Eurer Audio Datei ersetzen. Das war es auch schon. Wenn Ihr Fragen habt, einfach melden. Viel Spaß!

Wer noch paar Mehr Informationen möchte, kann sich auch hier https://www.html-seminar.de/html5-musik-einbinden-audio.htm oder hier https://www.w3schools.com/html/html5_audio.asp oder hier https://webdesign.weisshart.de/audio_tag.php informieren