Roland: Musik mit eigenem Button?

Beitrag lesen

SELF-Forum

Musik mit eigenem Button?

Roland
– Informationen zu den Bewertungsregeln

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>

Beitrag melden
–
Informationen zu den Bewertungsregeln