zmień <audio> src za pomocą javascript
Mam wiele plików audio, które chcę przesyłać strumieniowo na podstawie wybranych przez użytkownika. Jak mogę to zrobić? To jest to, co mam do tej pory i nie działa.
* AKTUALIZACJA: Dokonałem kilku zmian i teraz to twierdzęaudio.load();
nie jest funkcją. Czy ktoś może mi powiedzieć, dlaczego tak jest? Kod jest aktualizowany, aby odzwierciedlić zmiany.
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
iItem3
Będę chciał odtworzyć inny plik audio po ich kliknięciu.