在 HTML5 中更改音频标签的来源

Posted 2023-02-25

【中文标题】在 HTML5 中更改音频标签的来源

【英文标题】：Change the Source of an Audio tag in HTML5

【发布时间】：2013-08-15 05:13:50

【问题描述】：

我正在构建一个浏览器歌曲个性化应用程序。我正处于应用程序的开始阶段，我想单击一个按钮并更改 html5 中音频播放器当前正在播放的歌曲。我想知道如何更改音频的来源。我尝试在单击按钮时使用 ajax 调用，然后使用以下命令

var audio= document.getElementById("myplayer");
audio.src="E:/My Collection/abcd.mp3"; 

但这不起作用，相同的音频歌曲继续播放。谁能帮我这个。谢谢。

【问题讨论】：

您的代码最大的问题是浏览器不会让您像这样加载本地文件：***.com/questions/371875/…

【参考方案1】：

将您的音频文件列表放入一个数组中。

var audioArr = new Array(); audioArr = ["abc.mp3", "xyz.mp3"];

然后，按钮的 onclick() 就可以传递索引了。例如： audio.src = audioArr[index];

我希望这有效:)

【讨论】：

请根据 *** 标准格式化您的答案。

我实际上是这个平台的新手..下次我会照顾它。谢谢！！

没有理由使用new Array()。只需这样做：var audioArr = ["abc.mp3", "xyz.mp3"];

【参考方案2】：

除了 Bhavya 所说的数组之外，添加 audio.load();或 audio.play();更改src后。它会使音频标签重新加载。