<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!DOCTYPE html>
<html>
<head>
<title>kemp的教程</title>
<!--不需要再引用js-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function myFunction(){
var x = document.createElement("AUDIO");
x.setAttribute("src","music/shyrose.mp3"); //音频地址
x.setAttribute("controls", "controls"); //是否有插件
document.body.append(x); //点击try it后增加播放控件
document.getElementById("demo").innerHTML = "<b>特性</b>..."
}
</script>
</head>
<body>
<h2>演示如何创建AUDIO元素</h2>
<p>请点击按钮来创建AUDIO元素,该元素将播放.mp3|.wav|.ogg</p>
<button onclick="myFunction()">try it</button>
<p id="demo"></p>
</body>
</html>