zoukankan      html  css  js  c++  java
  • 巧用 HTML5 audio 打印文件夹下mp3文件的长度列表

    注意 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+'-'+i
    	player.src=path+trackno+".mp3"
        player.load()
        window.setTimeout("task()",1000)    	
    }
    
    function task()
    {
    	adddata(trackno,player.duration)
    	i=i+1
    	if(i>num)
    	{
    		return
    	}
    	trackno=id+'-'+i
    	player.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+"	"+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" onclick="startgetlen()" value="输入完成" />
    
    <div id ="result"></div>
    
    </body>
    </html>


  • 相关阅读:
    Docker(二)Image 与网络
    Docker(一)概念与基础
    Apache Hudi 介绍与应用
    Flink读写Kafka
    Flink 应用的一致性保障
    Flink系统配置
    Flink架构(五)- 检查点,保存点,与状态恢复
    Flink架构(四)- 状态管理
    HBase 中读 HDFS 调优
    Nginx模块之http.md
  • 原文地址:https://www.cnblogs.com/rav009/p/5131134.html
Copyright © 2011-2022 走看看