Hoi allemaal!
Ik wil een klein mediaspelertje maken in Javascript voor een schoolprojectje, maar het probleem is dat ik de gebruiker tussen enkele liedjes wil laten kiezen. Dat lukt me niet. Ik heb niet echt veel verstand van de HTML-DOM, waardoor ik waarschijnlijk iets over het hoofd zie. Ik probeer dit scriptje aan te praat te krijgen in Firefox.
Hier is mijn code:
<html>
<head>
<title>Audiospeler</title>
<script type="text/javascript">
function veranderliedje(nieuw_liedje)
{
var AudioSpeler = document.getElementById("AudioSpeler");
AudioSpeler.src = "nieuw_liedje";
AudioSpeler.load();
}
</script>
</head>
<body>
<p>
<audio id"AudioSpeler" src="" controls="controls">Je browser ondersteund geen HTML5-audio of geen HTML5-audio in MP3-formaat :(</audio>
<input type="button" value="Liedje 1" onclick="veranderliedje('LiedjeEen.ogg')" />
<input type="button" value="Liedje 2" onclick="veranderliedje('LiedjeTwee.ogg')" />
</p>
</body>
</html>(Ja, ik weet overigens dat ik heel wat steekjes laat vallen als het gaat om het maken van een document dat voldoet aan de standaarden, maar dat zoek ik later wel uit )
Alle bestanden staan normaal gezien ook gewoon op de juiste plaats.
Iemand die hier meer verstand van heeft en mij kan helpen?
Alvast bedankt,
Joshua.
