Estoy iniciandome en javascript y quiero hacer un reproductor de canciones web que funcione en cualquier navegador moderno.
Para ello estaba utilizando la etiqueta audio y mi intención era fabricarle las opciones adicionales con javascript para poder cambiar de canción entre otras. Pero hay algo que se me pasa por alto (presupongo que tengo que recargar el reproductor, o algo así, pero no se como...)
Mi código es este:
<body>
<script>
var i=0;
var songs= new Array();
songs[0]= "MayaFilipic/07-Fantasia.mp3"
songs[1]= "WoodenLegs/07-Horizon.mp3"
function reproductor(i){
document.write("<audio src='../Music/"+songs[i]+ "' controls='controls'></audio>")}
function next(){
i=i++;}
</script>
<div id='reproductor'>
<script>
reproductor(i)
document.write("<br><input name='message' type='button' value='Next' onclick='(1)'>")
document.write("<input name='songs[i]' type='text' size=30 value="+songs[i]+"><br>")
</script>
</div>
</body>
¿Alguien puede decirme como conseguir que al incrementar la variable 'i' la etiqueta audio se recargue con el nuevo valor?
