Sidr
PSD-Tutorials.de

MP3 in Webseite einbinden

Dieses Thema im Forum "Web Allgemein" wurde erstellt von Topper, 27.08.2012.

  1. Topper

    Topper Ganz neu hier

    Dabei seit:
    30.12.2008
    Beiträge:
    21
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    Hallo,
    ich würde gern eine MP-3-Datei in eine Webseite einbinden. Das allein ist ja noch kein Problem, aber die Funktionalität in den unterschiedlichen Browsern SCHON.

    Bisher habe ich sowas mit solchem Code bewerkstelligt:
    Code (Text):
    1. <embed src="datei.mp3" width="320" height="25" autostart="1" showcontrols="1" type="application/x-mplayer2" /></embed>
    Das funzt aber nur noch im IE korrekt. Der Firefox zeigt statt der Player-Controls nur ein graues Viereck - spielt dann aber nach Klick darauf die Datei ab und "blendet" die Controls ein. Google Chrome zeigt zwar die Controls, spielt aber nichts ab, auch nicht nach Klick auf "Play" in den Controls...

    Hat jemand eine Lösung für mich?
    Kriterien wären (in dieser Reihenfolge der Wichtigkeit):
    1. browser-übergreifendes Abspielen einer Audiodatei (wenigstens in IE, FF und Chrome)
    2. Aufrufparameter zum Festlegen von Autoplay beim Laden der Seite
    3. Bedien-Controls für den Player (wäre schön, aber geht notfalls auch ohne)

    Nötigenfalls wandle ich auch das Audioformat in ein anderes um, falls das kompatibler sein sollte.

    Big THX, Topper
     
    #1      
  2. manfred_hst

    manfred_hst Nicht mehr ganz neu hier

    Dabei seit:
    01.12.2010
    Beiträge:
    55
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    hi topper,
    das funktioniert mit dem html5 audio-tag. suche mal nach "html5 audio player", da findest du sicher das richtige.
    Manfred
     
    #2      
  3. Topper

    Topper Ganz neu hier

    Dabei seit:
    30.12.2008
    Beiträge:
    21
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Hmm, vielen Dank erstmal für die schnelle Antwort, aber ich denke, HTML5 fällt leider aus, da ich mit der Homepage noch ne Weile abwärtskompatibel bleiben muß...

    THX, Topper
     
    #3      
  4. Myhar

    Myhar Aktives Mitglied

    Dabei seit:
    01.11.2007
    Beiträge:
    1.577
    Geschlecht:
    männlich
    Ort:
    Ö
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Du kannst auch auf eine vorgefertigten Player zurückgreifen. Ich kenne hier den JWPlayer, welcher Audiofiles abspielen kann. Auch bindet der Player, je nach unterstützten Standards, eine andere Version des Players ein. Du brauchst dich darum also nicht kümmern.
    Falls dir der Player zu viel des Guten ist, findest du hoffentlich auch äquivalente reine Audioplayer. JWPlayer ist schließlich ein Video- & Audioplayer.
    Möchtest du keinen fremden Player einbinden, bleibt dir wohl nur übrig, selber einen zu schreiben oder mit den unterschiedlichen Gehabe der Browser leben zu müssen.
     
    #4      
  5. MyBad

    MyBad localhorst

    Dabei seit:
    18.12.2006
    Beiträge:
    1.970
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Dann wirst du wohl Flash einsetzen müssen und für mobile Endgeräte (iOS) eben ein HTML5 Fallback.

    Aber Sound in einer Website sollte immer gut überlegt sein. Kann extrem schnell nerven oder manchmal auch teuer werden.
     
    #5      
  6. Topper

    Topper Ganz neu hier

    Dabei seit:
    30.12.2008
    Beiträge:
    21
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Hmm...Flash klingt im ersten Moment garnicht so schlecht - gäbe es da ne Möglichkeit, zu steuern, dass das Sound-File nur beim ersten Besuch der Seite abgespielt wird? Ich muß vermeiden, dass bei jedem Klick auf ne Unterseite die Wiedergabe immer wieder gestartet wird...
    Das soll nur temporär sein. Ist ein Werbespot für eine Veranstaltung demnächst - danach kommts wieder raus...
     
    #6      
  7. Myhar

    Myhar Aktives Mitglied

    Dabei seit:
    01.11.2007
    Beiträge:
    1.577
    Geschlecht:
    männlich
    Ort:
    Ö
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Die gäbe es nicht nur, die gibt es sogar. Das Zauberwort für deine Anforderung heißt cookies: Du setzt auf der Startseite einen Cookie und liest ihn dann auf den Unterseiten wieder auf.
    Das funktioniert natürlich nicht, wenn jemand Cookies deaktiviert hat.
     
    #7      
  8. Topper

    Topper Ganz neu hier

    Dabei seit:
    30.12.2008
    Beiträge:
    21
    Geschlecht:
    männlich
    MP3 in Webseite einbinden
    AW: MP3 in Webseite einbinden

    Erstmal danke an Euch. Ich habe nun die perfekte Lösung gefunden:

    http://aktuell.de.selfhtml.org/artikel/grafik/flashmusik/

    Der auf dieser Seite beschriebene EMFF-Player arbeitet mit Flash und ist somit so browser-übergreifend wie es nur geht. Das Sound-File und andere Parameter können im Lade-Code angegeben werden. Ich bin sehr zufrieden :)
     
    #8      
Drupal Programmierung