Ciao a tutti,
ho l'esigenza di fare una pagina web molto semplice ( intestazione e 6 bottoni con associati dei suoni) ma con le seguenti condizioni:
1. Al caricamento della pagina web deve partire un file audio (random tra un lista di 6 files)
2. A fine caricamento del file audio premere il bottone corrispondente del file audio riprodotto.
3. In caso di corrispondenza file audio riprodotto == bottone premuto -->animare il bottone
Secondo voi è possibile?
che software posso usare?
Ho iniziato a buttare giù qualcosa
<!-- Audio Casuale -Inizio -->
<style>
audio{ width: 0px; height: 0px; }
</style>
<script type='text/javascript'>
//<![CDATA[
// Musica casuale
var music_clip = [
"https://sites.google.com/site/musica...ale/Brano1.mp3",
"https://sites.google.com/site/musica...ale/Brano2.mp3",
"https://sites.google.com/site/musica...ale/Brano3.mp3",
"https://sites.google.com/site/musica...ale/Brano4.mp3",
"https://sites.google.com/site/musica...ale/Brano5.mp3",
"https://sites.google.com/site/musica...ale/Brano6.mp3"];
var rotazione = Math.random()*music_clip.length;
var numero = Math.floor(rotazione);
document.write('<audio controls="true" autoplay="autoplay">');
document.write('<source src='+music_clip[numero]+' type="audio/mpeg">');
document.write('</audio>');
//]]>
</script>
<!-- Audio Casuale - Fine -->
<button id="a" onclick="myFunction()">Campanello</button>
<script>
function myFunction() {
//CONDIZIONE DA INSERIRE
// SE CORRETTO BOTTONE VERDE ALTRIMENTI ROSSO (sarebbe meglio un pop-up)
}
document.getElementById("a").style.color = "red";
}
Grazie mille in anticipo a tutti per l'aiuto
Ciao