5

我正在尝试使用 javascripts 'getElementByID' 将同一首歌曲插入到我的音频播放器上的 2 个不同的源中。

HTML：

<audio id="audio">
   <source id="ogg" src="song1.ogg" type="audio/ogg">
   <source id="mp3" src="song2.mp3" type="audio/mp3">
   Your browser does not support the audio tag.
</audio>

JavaScript：

function songOne(){ 
    document.getElementById('ogg').src="../audio/pt/lllg/Panda's Thumb.ogg";
    document.getElementById('mp3').src="../audio/pt/lllg/Panda's Thumb.mp3";
    document.getElementById('songName').innerHTML="Panda's Thumb";
    audio.play();
}

如您所见，当函数运行时，它将 .ogg 文件放入 id="ogg" 中，将 .mp3 放入 id=".mp3" 中。虽然，当我检查元素时，源发生了变化，但歌曲不会播放。

我只能使用一个来源：

<audio id="audio" src=""></audio>

但是它只会在支持 mp3 或 ogg 的浏览器上播放，而其他浏览器则错过了。 我究竟做错了什么？

4

1 回答 1

5

我对 HTML5 音频了解不多，但试试这个：

更改src attr 后，发出audio.load();命令

检查这篇文章：http ://html5doctor.com/native-audio-in-the-browser/

于 2012-10-07T12:11:11.627 回答