<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>audio.js</title>
<script>var _gaq=[['_setAccount','UA-20257902-1'],['_trackPageview']];(function(d,t){ var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script>
<script src="./audiojs/audio.min.js"></script>
<link rel="stylesheet" href="./includes/index.css" media="screen">
<script>
audiojs.events.ready(function() {
audiojs.createAll();
var aAudiojs=getByClass(document, 'audiojs');
for(var i=0; i<aAudiojs.length; i++){
var aAudio=aAudiojs[i].getElementsByTagName('audio')[0];
var oSpan=aAudiojs[i].getElementsByTagName('span')[0];
var fxg='/';
var url=aAudio.src;
url=url.replace(/\\/g,fxg);
url=url.split("/");
this.playname=url[url.length-1];
oSpan.innerHTML=decodeURI(this.playname);
}
});
</script>
</head>
<body>
<header>
<h1>html5音乐播放器</h1>
</header>
<audio src="audiojs/汪苏泷&By2-有点甜.mp3" preload="auto"></audio>
<audio src="audiojs/汪苏泷&By2-有点甜.mp3" preload="auto"></audio>
<h2>如果音乐不存在</h2>
<audio src="audiojs/汪苏泷-风度.mp3" preload="auto"></audio>
</body>
</html>