Musikplayer mit Playlist

joergi schrieb am 24.02.2015 um 19:04 Uhr

Hallo zusammen,

ich bin mal wieder drann meine Homepage zu bearbeiten bzw. mir eine neue zu erstellen.
Auf meiner Demoseite habe ich nun 7 kleine MP3 Player mit dem jeweiligen Titel der oben drüber steht.
Sieht meiner Meinung nach total blöd aus.

Hier mal der Link zur Seite:

http://www.scenic-sport.de/#xl_xr_page_demos (nicht über die Domain wundern :-)
Ist eine Test URL

Habe ich nicht auch die Möglichkeit  einen Player einzubauen
der eine sogenannte Übersicht der Titel hat  wo man dann den Titel auswählt und dieser abgespielt wird?

Ich meine in etwa sowas:
http://www.marco-live.de/alleinunterhalter-demos-hoerproben.php

Es muss nicht genau der Player sein aber ich denke ihr wisst schon was  ich damit meine.
Bei meiner Seite sollte er etwas dezenter wirken.

Was ich aber nicht möchte, ist ein Player von Magix der auf Flash basiert.
Den hatte ich mal und da gibt es dann hin und wieder Probleme mit der Anzeige.

Vielleicht gibt es ja auch ein Tutorial darüber :-)

Freue mich über eine Mitteilung  von euch

Gruß
Jörgi

Kommentare

BeRo schrieb am 24.02.2015 um 20:20 Uhr

[...] Was ich aber nicht möchte, ist ein Player [...] der auf Flash basiert.[...]

Genauso, als Flash Player ist aber der von Dir als Referenz verlinkte Player auf der Website Deines Kollegen angelegt...

Was Du brauchst, ist z. B. ein Player auf HTML5 Basis. Dann kann Deine Site auch auf mobilen Geräten problemlos angezeigt werden.

Hier findest Du einen der zahlreich angebotenen HTML5 Player der das kann. Und hier gibt es die nötigen Infos zum Einbau via iframe...

Viel Erfolg

Zuletzt geändert von BeRo am 24.02.2015, 20:20, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

joergi schrieb am 24.02.2015 um 22:00 Uhr

hallo BeRo,

 

erstmal vielen Dank für deine Hilfe.
Ich habe jetzt alles so gemacht, wie es auf der Webseite angezeigt wurde.
Player generiert, MP3 Files ausgewählt, die Dateien (HTML MP3 etc.) in einen Ordner gespeichert
und hochgeladen.

Nun wollte ich es via iFrame in meine Webseite einbinden
Ich habe nun wie angegeben folgenden Code genommen

<iframe src="http://www.yourwbsite.com/playerfolder/audioplayer.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>

"http://www.yourwbsite.com"  geändert in "www.stimmung-musik.de"

Wenn ich das iFrame nun  in den WebDesigner einfügen möchte, bekomme ich folgende Meldung

 

Das Skin was ich ausgewählt hatte, war aber in der Free Variante verfügbar

Hast du eine Idee?

joergi schrieb am 24.02.2015 um 22:04 Uhr

Hallo BeRo,

erstmal vielen Dank für deine Hilfe.
Ich habe jetzt alles so gemacht, wie es auf der Webseite angezeigt wurde.
Player generiert, MP3 Files ausgewählt, die Dateien (HTML MP3 etc.) in einen Ordner gespeichert
und hochgeladen.

Nun wollte ich es via iFrame in meine Webseite einbinden
Ich habe nun wie angegeben folgenden Code genommen

<iframe src="http://www.yourwbsite.com/playerfolder/audioplayer.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>

"http://www.yourwbsite.com/playerfolder/audioplayer.html" habe ich geändert in "www.stimmung-musik.de

Soweit, so gut.

Wenn ich jetzt das iFrame in meine Webseite einfüge, bekomme ich folgende Meldung

Hast du da eine Idee?
Der Player ist in der Freevariante bzw. er ist verfügbar.

 

Sorry wegen dem Doppelpost aber er hat bei meiner letzten Antwort wohl nicht alles übernommen und bearbeiten konnte ich den Beitrag nicht.

 

BeRo schrieb am 24.02.2015 um 23:59 Uhr

[...] Wenn ich jetzt das iFrame in meine Webseite einfüge, bekomme ich folgende Meldung [...]

Die Fehlermeldung lässt auf eine aktive Sicherheitseinstellung schließen, die AFAIK der Internet Explorer produziert, wenn die mit einem iframe referenzierte Seite sich auf einem anderen Server befindet als die Hauptseite.

Aber unabhängig davon ist der von Dir verwendete iframe Code nicht korrekt.
Wenn Du ihn so eingibst, wie unten gezeigt, sollte es funktionieren:

---------------------------
<iframe src="http://www.stimmung-musik.de/audioplayer.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
---------------------------

Hier eine Demo:


Du kannst den Code noch weiter abspecken.
Weil Du den Player da abgelegt hast, wo die anderen HTML Dateien Deiner Website liegen, kannst Du auf die Angabe der URL verzichten (oben gelb markiert).

So sieht der abgespeckte, funktionierende iframe Code aus:

---------------------------
<iframe src="./audioplayer.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
---------------------------

Probier's mal damit

Viel Erfolg

Zuletzt geändert von BeRo am 24.02.2015, 23:59, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

joergi schrieb am 26.02.2015 um 04:57 Uhr

Hallo BeRo,

ich danke dir für deinen hilfreichen Beitrag.
Werde es ausprobieren :-)