大佬教程收集整理的这篇文章主要介绍了HTML5做的音频播放器，可以动态的更换音频文件的内容，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
在做一个播放按钮时突然用到了这个技术，具体还是蛮简单的，一看就会，就是那个音频文件的src属性动态赋值的时候花了点时间。看代码吧！
function playOrPaused(obj) {
var url = "f:/lrh.mp3";
//alert(url);
var audio = document.getElementById("audio");
if (audio) {
}
else {
var board = document.getElementById("_button");
var a2 = document.createElement("audio");
a2.setAttribute("src",url);
a2.setAttribute("controls","controls");
a2.setAttribute("id","audio");
audio = board.appendChild(a2);
}
if (audio.paused) {
audio.play();
document.getElementById("btn").value = "暂停";
return;
} else {
audio.pause();
document.getElementById("btn").value = "播放";
}
}
<body>
<form id="form1" runat="server">
<div>
<div id="_button" runat="server" style="width: 100%; height: 40px;">
<input id="btn" type="button" value="播放" style="height: 30px; width: 80px; margin-top: 2px" onclick="playOrPaused(this);" />
</div> </div> </form> </body>
以上是大佬教程为你收集整理的HTML5做的音频播放器，可以动态的更换音频文件的内容全部内容，希望文章能够帮你解决HTML5做的音频播放器，可以动态的更换音频文件的内容所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。