Vorrei realizzare un programma che permettesse di eseguire una canzone audio, scegliendo il suo nome da una selezione.
Ho provato già che, ponendo al posto della variabile "canzone" nella src dell'oggetto audio il nome di una canzone ( per es. una delle tre nominate nel programma), questa viene eseguita regolarmente e funzionano regolarmente, oltre il metodo play(), anche pause(), volume+ e volume-.
Invece il nome della canzone, posto nella variabile "canzone" scelta con "select", non viene riconosciuto dalla src dell'oggetto audio, mentre viene riconosciuto e scritto nella casella di testo. Desidererei sapere perché. Grazie Voel
codice:
<html>
<script type="text/javascript">
function salta()
{
document.modulo.audio.value="";
var canzone=document.forms[0].elements[0].value;
document.forms[0].elements[1].value=canzone;
</script>
</head>
<body>
<form name="modulo">
<select name="audi" size="6" onchange="salta()">
<option value="" selected> seleziona la canzone che ti interessa....... </option>
<option value="01 Girotondo di Natale.mp3"> Girotondo di Natale</option>
<option value="02 Auguri a tutto il mondo.mp3"> Auguri a tutto il mondo</option>
<option value="03 La slitta magica.mp3"> La slitta magica</option>
</select>
<br><br>
<input type="text" name="audio" id="audio" style="background-color:'aqua'; color:'navy" size="30"> <br><br>
</form>
<br><br>
<audio id="demo" src="canzone"></audio>
<div>
<button onclick="document.getElementById('demo').play()">play the audio</button>
<button onclick="document.getElementById('demo').pause()">pause the audio</button>
<button onclick="document.getElementById('demo').volume+=0.1">Increase volume</button>
<button onclick="document.getElementById('demo').volume-=0.1">Decrease volume</button>
</div>
</body>
</html>