Alle Kategorien
Suche

Musik-Player für Homepage - Tipps

Schnell und einfach einen Musik-Player auf der eigenen Website einbinden
Schnell und einfach einen Musik-Player auf der eigenen Website einbinden
Vor allem auf einer Künstler-Homepage ist ein Musik-Player nützlich und sinnvoll. Auch wenn Sie kaum HTML-Kenntnisse besitzen, können Sie relativ einfach einen Player auf Ihrer Website platzieren. Dabei können Sie sowohl auf externe Player zurückgreifen als auch schnell mit HTML5 einen eigenen kreieren.

Fertige Musik-Player verwenden

Wenn Sie sich nicht allzu lange mit mehr oder weniger komplizierten HTML-Befehlen auseinandersetzen möchten, können Sie auf verschiedene fertige Musik-Player zurückgreifen, die Sie zumeist kostenfrei verwenden können.

  • Dabei haben Sie zum einen die Möglichkeit, die Lieder auf Ihren eigenen Webserver hochzuladen und dann mit einem kostenfreien Player abspielen zu lassen. Dafür müssten Sie sich einen Player herunterladen und diesen in Ihre Website integrieren, was bei den meisten Skripten ausführlich beschrieben ist. Empfehlenswert in dieser Hinsicht ist der kostenfreie jPlayer.
  • Zum anderen könnten Sie Ihre Musik auch bei einem Onlinedienst hochladen, der sich auf das Verbreiten von Musik spezialisiert hat. Diese bieten in der Regel auch eine Share-Funktion an, über die Sie einen iframe-Code erhalten, den Sie dann nur noch in Ihrer HTML-Datei einfügen müssen und dann einen vorgefertigten Musik-Player des Dienstes erhalten. Ein guter und grundsätzlich kostenfreier Onlinedienst ist zum Beispiel SoundCloud.

HTML5 auf der Homepage verwenden

Alternativ haben Sie auch die Option, selbst einen einfachen Musikplayer für Ihre Homepage zu schreiben.

  • Möglich macht dies die neue HTML-Version "HTML5", die zwar noch kein Standard ist, allerdings bereits grundsätzlich von allen aktuellen Browsern unterstützt wird.
  • Die einzige Besonderheit besteht darin, dass nicht jeder Browser jedes Musikformat abspielen kann. Deshalb sollten Sie zur Sicherheit für jedes Lied zwei unterschiedliche Formate hochladen und in Ihrem Quellcode verknüpfen. So würde das MP3-Format für den Internet Explorer, Google Chrome und Safari genügen und das OGG-Format die beiden restlichen Browser Opera und Firefox abdecken. 
  • Zum Einbinden Ihrer Musik müssen Sie lediglich an die gewünschte Position innerhalb Ihres Quellcodes die folgenden Zeieln einfügen, wobei Sie bei "src" natürlich noch den genauen Pfad zu den beiden Dateien festlegen müssen: <audio>
    <source type="audio/mp3" src="ordner/lied.mp3" />
    <source type="audio/ogg" src="ordner/lied.ogg" />
    </audio>
  • Falls Sie auf Ihrer Homepage Buttons zum Steuern des Musik-Players benötigen, müssen Sie diese im Audio-Tag mit "controlls" aktivieren, also "<audio controlls>" verwenden. 
helpster.de Autor:in
Kevin Höbig
Kevin HöbigKevin ist ein alter Hase bei HELPSTER. Als Webdesigner und Mediengestalter, der auch auf journalistische Erfahrung zurückblicken kann, beschäftigt er sich nicht nur privat mit technischen Themen. Dank seines Wissens hilft er anderen oft mit praktischen Tipps weiter.
Teilen: