Musik mit eigenem Button?

[Bella]

Ich möchte gerne auf einer comunity homepage musik einbinden.
Ich weiß zwar wie ich das mit embed etc. machen kann, aber ich würde gerne einen eigenen Button einbauen,
auf dem der user entscheiden kann ob er die musik hören möchte oder nicht.
Ich möchte diesen Button anzeigen um die musik zu starten und wenn sie läuft diesenum sie wieder zu stoppen.

Ich hoffe jemand weiß eine gute Lösung (:
Vielen dank, Bella.

[Felix Riesterer]

Liebe Bella,

Ich möchte diesen Button anzeigen um die musik zu starten und wenn sie läuft diesenum sie wieder zu stoppen.

Ich hoffe jemand weiß eine gute Lösung (:

vielleicht ist ja der Flash-basierte EMFF etwas für Dich? Das Skin namens "silk_button" auf der Beispielseite wäre sehr nahe an Deinem Wunsch dran.

Liebe Grüße,

Felix Riesterer.

[Cheatah]

Hi,

Ich möchte gerne auf einer comunity homepage musik einbinden.
Ich weiß zwar wie ich das mit embed etc. machen kann,

The audio element

Cheatah

[Matze]

Hi Cheatah!

The audio element

HTML5 ist natürlich ganz nett, aber wie weit wird das unterstützt?

Ansonsten habe ich es auch so verstanden, dass er den Button, nachdem er gedrückt wurde, austauschen will.

In Flash, respektive ActionScript, gibt es dafür EventListener und addChild/removeChild & Co.
Weil ich mich nicht ausreichend mit HTML5 auskenne, kann ich auch nicht sagen, ob ein ähnliches Verhalten dort möglich ist. Eventuell mit JavaScript.

Grüße, Matze

[suit]

Ansonsten habe ich es auch so verstanden, dass er den Button, nachdem er gedrückt wurde, austauschen will.

Wo siehst du hier das Problem?

In Flash, respektive ActionScript, gibt es dafür EventListener und addChild/removeChild & Co.

In CSS gibt es background-position wenn man Sprites verwendet ;)

Weil ich mich nicht ausreichend mit HTML5 auskenne, kann ich auch nicht sagen, ob ein ähnliches Verhalten dort möglich ist. Eventuell mit JavaScript.

Ja, so ist das gedacht - und JavaScript wird von mehr Benutzern unterstützt als Flash.

[turbhan]

Ja, so ist das gedacht - und JavaScript wird von mehr Benutzern unterstützt als Flash.

Diejenigen, die entweder das eine, oder das andere, oder sogar beides, deaktiviert haben, dürften sich um 1% bis maximal 2% bewegen.

[Matze]

Diejenigen, die entweder das eine, oder das andere, oder sogar beides, deaktiviert haben, dürften sich um 1% bis maximal 2% bewegen.

Och, ich seh das nicht so optimistisch und geb suit auch in gewisser Weise recht.
Allerdings dürften die Zahlen in Zeiten von MySpace und YouTube, oder was sich sonst noch so Web 2.0 schimpft, wirklich nicht sehr hoch sein.

Letztlich wägt man noch die Zielgruppe ab und greift doch wieder zum Flash-Player ;)

Grüße, Matze

[Roland]

Ich weiß zwar wie ich das mit embed etc. machen kann, aber ich würde gerne einen eigenen Button einbauen,
auf dem der user entscheiden kann ob er die musik hören möchte oder nicht.

Ist besser als einfach loszulegen, gute Idee :-)

Ich möchte diesen Button anzeigen um die musik zu starten und wenn sie läuft diesenum sie wieder zu stoppen.

Die Lösung heißt Javascript mit der du eine Funktion erstellst.

Der Anfang könnte ungefähr so aussehen

function Music(PARAM) {  
  
 if(!PARAM)  
  {  
   window.alert('Fehler');  
  }  
 if(PARAM == 1)  
  {  
   MusicOn(); // Extern oder direkt hier einfügen  
  }  
  else  
   {  
    MusicOff(); // Extern oder direkt hier einfügen  
   }  
  
}

Die Buttons erstellen:

<img src='./on.png' onClick='Music(1)' alt='On'>  
<img src='./off.png' onClick='Music(2)' alt='Off'>

In der MusicOn müsstest du einfach nur definieren, dass die Musik abgespielt werden soll und falls der Titel vorbei ist, der User gefragt wird ob es weitergehen soll /und oder der Titel einfach gewechselt wird.

Wenn Du es ganz einfach haben willst und nur einen Titel hast, kann die Lösung mit den Buttons und der Function von oben sein:

function MusicOn () {  
  
 document.getElementById("PlayMusic").innerHTML = "<embed mit loop Effekt></embed>";  
  
/*  
 Wenn du deine embed code da einfügst alle " zu einfachen ' ändern.  
*/  
}

function MusicOff () {  
  
 document.getElementById("PlayMusic").innerHTML = "";  
  
}

Ist nicht schön gelöst, aber ziemlich einfach und klappt hoffentlich auch. Es gibt auch spezielle Javascript Effekte für Musik wie .Play() oder .Stop() und da kannst du es je nachdem entsprechend anpassen. Da ich eher faul bin und mir die guten Sitten des guten JS und HTML egal sind solange überall alles korrekt angezeigt wird und läuft, würde ich es persönlich so nehmen bzw. sofort alles in die erste function schreiben, da es sehr kurz ist.

function Music(PARAM) {  
  
 if(!PARAM)  
  {  
   window.alert('Fehler');  
  }  
 if(PARAM == 1)  
  {  
   document.getElementById("PlayMusic").innerHTML = "<embed mit loop Effekt></embed>";  
  }  
  else  
   {  
    document.getElementById("PlayMusic").innerHTML = "";  
   }  
  
}

Das leere Div: <div id='PlayMusic'></div>