Ändern Sie <audio> src mit Javascript
Ich habe mehrere Audiodateien, die ich basierend auf der Auswahl des Benutzers streamen möchte. Wie mache ich das? Dies ist, was ich bisher habe und es scheint nicht zu funktionieren.
* UPDATE: Ein paar Änderungen vorgenommen und jetzt behauptet es, dassaudio.load();
ist keine Funktion. Kann mir jemand sagen, warum das so ist? Der Code wird aktualisiert, um die Änderungen widerzuspiegeln.
JavaScript:
function updateSource(){
var audio = document.getElementById('oggSource');
audio.src =
'audio/ogg/' +
document.getElementById('song1').getAttribute('data-value');
audio.load();
}
HTML:
<audio id="audio" controls="controls">
<source id="oggSource" src="" type="audio/ogg"></source>
<source id="mp3Source" type="audio/mp3"></source>
Your browser does not support the audio format.
</audio>
<ul style="list-style: none">
<li>Sunday May 27, 2012
<ul style="display: none">
<li id="song1" data-value="song1.ogg">
<button onclick="updateSource();">Item1</button>
</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</li>
</ul>
Item2
undItem3
Ich möchte eine andere Audiodatei abspielen, wenn sie angeklickt wird.