[ERLEDIGT] Ein Bild mit MP3-Datei verknüpfen!

[JanBanan]

Hallo zusammen!

Ich habe vor kurzem mein erstes Instrumental-Album veröffentlicht und würde mir jetzt gerne einen eigenen Musik-Player dazu erstellen. Das einzige Wissen, was ich dazu noch benötige ist, wie ich ein Bild (In dem Fall ist es 1 Musik-Cover von insgesamt 12) mit einer MP3-Datei so verknüpfen kann, dass sich der Song dazu per Klick auf das jeweilige Cover (Bild) öffnen lässt.

Könnt ihr mir damit irgendwie behilflich sein, wie ich das anstellen kann?
Ich bin für JEDES FEEDBACK dazu sehr dankbar!

LG JanBanan

 

[SpiceLab]

<a href="Pfad/zu/mp3-Datei"><img src="Pfad/zu/Bilddatei" alt=""></a>

 

[JanBanan]

<a href="Pfad/zu/mp3-Datei"><img src="Pfad/zu/Bilddatei" alt=""></a>

Zuerst einmal Danke!

Es funktioniert teilweise. Wenn ich auf das Bild klicke, dann wird zwar der Song in einem Player abgespielt, der Player wird aber in einer extra Seite "ganz alleine" angezeigt, ohne Text und Bild. Was mir überhaupt nicht gefällt.

Kannst du mir da noch einen Tipp geben, wie man vielleicht sowas wie einen Anker in das jeweilige Feld setzt, wo der Player zum Song geöffnet werden soll - also NICHT in einer extra Seite ganz alleine?

Ich hatte mir das GANZE in etwa so vorgestellt:

• 4. Zeilen mit jeweils 6 Spalten

• Zeile 1 (Spalte 1 bis 6) = Jeweils ein Cover
• Zeile 2 (Spalte 1 bis 6) = jeweils die Möglichkeit den Player zum Song zu öffnen.

Leerzeile

• Zeile 3 (Spalte 1 bis 6) = Jeweils ein Cover
• Zeile 4 (Spalte 1 bis 6) = jeweils die Möglichkeit den Player zum Song zu öffnen.

 

[SpiceLab]

wird zwar der Song in einem Player abgespielt, der Player wird aber in einer extra Seite "ganz alleine" angezeigt

Kommt ein spezieller Player zum Einsatz? Oder kümmert sich <audio> um das Lauschgift?

 

[JanBanan]

Kommt ein spezieller Player zum Einsatz? Oder kümmert sich <audio> um das Lauschgift?

Ehrlich gesagt, weiß ich das nicht, da ich mit sowas bisher nicht ausgekannt habe.
So gehe ich mal davon aus, dass sich <audio> um das Lauschgift kümmert.

 

[scbawik]

Ehrlich gesagt, weiß ich das nicht, da ich mit sowas bisher nicht ausgekannt habe.
So gehe ich mal davon aus, dass sich <audio> um das Lauschgift kümmert.

Gabs das nicht schonmal von dir...
https://www.html.de/threads/jw-player-video-speichern-verhindern.56141/

Funktioniert mit Audios genau wie Videos (Zumindest in allen Playern die ich bisher genutzt habe)...

 

[SpiceLab]

Ehrlich gesagt, weiß ich das nicht, da ich mit sowas bisher nicht ausgekannt habe.
So gehe ich mal davon aus, dass sich <audio> um das Lauschgift kümmert.

Hmm... Zitat aus Deinem heute parallel gestarteten Thread:

Ich habe im Internet einen Musikplayer gefunden

 

[JanBanan]

Hmm... Zitat aus Deinem heute parallel gestarteten Thread:

Ich habe zwar einen Musikplayer im Internet gefunden. Und zwar von "Codebase Hero" - und habe es auch geschafft ihn zu bearbeiten. Ich weiß aber nicht, ob ich den ohne Copyright-Verletzungen ohne weiteres verwenden darf. Und auf deren Website steht keine Info dazu.

Deswegen wollte ich parallel einen eigenen Player erstellen.
Es sei denn, ich darf den anderen Musikplayer von "Codebase Hero" verwenden.
Hier mal deren Link: http://www.codebasehero.com/download/?file=music-player
Vielleicht weiß ja hier einer was dazu!

LG JanBanan

 

[SpiceLab]

Ich weiß aber nicht, ob ich den ohne Copyright-Verletzungen ohne weiteres verwenden darf. Und auf deren Website steht keine Info dazu.

http://www.codebasehero.com/licensing/

Was Dich natürlich nicht davon befreit, die Urheberrechte der Künstler/Musiker zu beachten!

Konkret: Sofern Dir von ihnen keine (schriftliche) Einwilligung/Zustimmung vorliegt, darfst Du deren Veröffentlichungen nicht auf Deiner Webseite publizieren, und so einer breiten Öffentlichkeit zugänglich machen.

 

[JanBanan]

http://www.codebasehero.com/licensing/

Was Dich natürlich nicht davon befreit, die Urheberrechte der Künstler/Musiker zu beachten!

Konkret: Sofern Dir von ihnen keine (schriftliche) Einwilligung/Zustimmung vorliegt, darfst Du deren Veröffentlichungen nicht auf Deiner Webseite publizieren, und so einer breiten Öffentlichkeit zugänglich machen.

Was die Urheberrechte des Künstlers/Musikers betrifft, kann ich dich beruhigen, der bin ich selbst.
Ich möchte ganz einfach mein erstes Album mittels eines Musik-Players etwas verbreiten. Ich würde mir sogar einen Musik-Player kaufen, wenn das möglich wäre. Ich weiß aber nicht wo man sowas bekommen kann??

Deswegen wollte ich mir ja einen eigenen Musik-Player bauen, wo wir wieder beim Anfang dieses Threads angekommen sind. Das Verknüpfen der MP3-Datei mit dem Cover wurde ja oben beschrieben, nur wollte ich nicht, dass sich der Player dann ganz alleine auf einer Seite öffnet, wie unter https://www.html.de/threads/ein-bild-mit-mp3-datei-verknuepfen.57249/#post-386961 beschrieben.

Kann mir dazu noch einer evtl. einen Tipp geben?

LG JanBanan

 

[SpiceLab]

Ich möchte ganz einfach mein erstes Album mittels eines Musik-Players etwas verbreiten. Ich würde mir sogar einen Musik-Player kaufen, wenn das möglich wäre. Ich weiß aber nicht wo man sowas bekommen kann??

Deswegen wollte ich mir ja einen eigenen Musik-Player bauen, wo wir wieder beim Anfang dieses Threads angekommen sind. Das Verknüpfen der MP3-Datei mit dem Cover wurde ja oben beschrieben, nur wollte ich nicht, dass sich der Player dann ganz alleine auf einer Seite öffnet, wie unter https://www.html.de/threads/ein-bild-mit-mp3-datei-verknuepfen.57249/#post-386961 beschrieben.

Kann mir dazu noch einer evtl. einen Tipp geben?

In einem anderen Thema der letzten Tage war cincopa.com im Spiel. Kannte ich bis dato noch nicht.

Dies könnte vielleicht Deinen Vorstellungen entgegenkommen:

• https://www.cincopa.com/media-platform/services/add-music-to-website
• https://www.cincopa.com/media-platform/skins - u.a. mit weiteren Audio-Templates
  
• https://www.cincopa.com/solution/publishers

 

[JanBanan]

Hallo zusammen!

Ich bin auf einer super Seite fündig geworden, womit ich mir jetzt meinen eigenen Musikplayer erstellen kann. Hier der Link dazu, falls es einen interessiert: https://webdesign.weisshart.de/audio_tag_mult_demo.php

LG JanBanan