Javascript HTML5 <audio> 多源

Posted 2023-02-25

【中文标题】Javascript HTML5 <audio> 多源

【英文标题】：Javascript HTML5 <audio> multiple source

【发布时间】：2012-10-07 11:43:48

【问题描述】：

我正在尝试使用 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 的浏览器上播放，而其他浏览器则错过了。 我做错了什么？

【问题讨论】：

根据w3schools.com/html/html5_audio.asp你的mp3应该有type="audio/mpeg"

感谢您的修复，我已对此进行了更改，但尚未修复。

【参考方案1】：

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

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

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

【讨论】：

如果我有代表我会投票给你好先生。感谢您的帮助！我不知道我是怎么让那个人通过我的。