当前位置: 代码迷 >> 综合 >> 巧用 HTML5 audio 打印文件夹下mp3文件的长度列表
  详细解决方案

巧用 HTML5 audio 打印文件夹下mp3文件的长度列表

热度:62   发布时间:2023-12-09 23:13:19.0

注意 mp3 文件名必须是 专辑序号-1.mp3,专辑序号-2.mp3,专辑序号-3.mp3,专辑序号-4.mp3....的格式

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
var trackno=''
var i=1
var path='';
var id='';
var num='';
var player="";
function startgetlen()
{path=document.getElementById("path").value+"/";id=document.getElementById("id").value;num=document.getElementById("num").value;player=document.getElementById("player");trackno=id+'-'+iplayer.src=path+trackno+".mp3"player.load()window.setTimeout("task()",1000)    	
}function task()
{adddata(trackno,player.duration)i=i+1if(i>num){return}trackno=id+'-'+iplayer.src=path+trackno+".mp3"player.load()window.setTimeout("task()",1000)
}function adddata(trackno,len)
{intlen=Math.round(len*1000)var r= document.getElementById("result")r.innerHTML+=(trackno+"  "+intlen+"<br />")//r.innerHTML+=(trackno+"\t"+intlen+"<br />")
}</script>
</head>
<body><audio id="player" controls="controls" preload="auto" > <!--<source src="D:/723-1.mp3" type="audio/mp3">-->
</audio>
<br />请输入mp3文件夹地址<input id="path" type="text" />
<br />
请输入mp3专辑序号<input id="id" type="text" />
<br />
请输入mp3数量<input id="num" type="text" />
<br /><input type="button" οnclick="startgetlen()" value="输入完成" /><div id ="result"></div></body>
</html>