JavaScript HTML5 <audio>多源音频问题

Question

JavaScript HTML5 <audio>多源音频问题

5

我正在尝试使用JavaScript的“getElementByID”将同一首歌曲插入到音频播放器的两个不同源中。

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的浏览器上播放，其他浏览器则无法播放。 我做错了什么？

- user1719526

1

根据http://www.w3schools.com/html/html5_audio.asp，您的mp3应该具有“type =”audio / mpeg“”。 - xception

谢谢修复，我已经修改了，但问题仍未解决。 - user1719526

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- chanjarster · Accepted Answer

我不是很了解HTML5音频，但可以试试这个：

更改src属性后，输入audio.load();命令。

参考这篇文章：http://html5doctor.com/native-audio-in-the-browser/。