程序博客网 > 博客打水软件

简单html音乐播放器

来源：互联网发布：博客打水软件编辑：程序博客网时间：2024/05/19 17:26

html5 AudioPlayer

使用方法：

将此文件放在音乐文件目录，多选文件，点击播放。

<span style="font-family:Courier New;font-size:14px;"><!doctype html><html>    <head>        <meta charset="utf-8"/>        <title>html5 audio</title>        <script src="jquery-2.1.3.min.js">                    </script>    </head>    <body>        <input type=file id="file" multiple="multiple" onchange="handerFiles(this.files)"></input>        <audio controls id="audio" src=""> </audio>        <ol id="playlist">                    </ol>    </body>    <script>        function handerFiles(files)        {            var playlist=document.getElementById("playlist");            for(var i=0;i<files.length;i++){                var li=document.createElement("li");                li.innerHTML=files[i].name;                playlist.appendChild(li);            }            $("li").click(function(){                var audio=document.getElementById("audio");                //选择相对路径下的mp3文件播放                audio.src=this.innerHTML;            });        }    </script></html></span>

0 0

博客打水软件

博客打水软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子护照被偷了怎么办护照落在飞机上怎么办在韩国护照过期怎么办在国外护照被偷怎么办韩国丢了护照怎么办护照丢了机票怎么办捷克护照被偷怎么办下飞机护照丢了怎么办登机前没有护照怎么办在韩国怎么办护照延期在日本丢失护照怎么办护照丢失日本签证怎么办护照在国内丢失怎么办在国外快递丢了怎么办去泰国没护照怎么办户口想单独一个怎么办去台湾看病怎么办签证办签证没有存款怎么办转机台湾过境签怎么办港澳通行证丢了怎么办台湾医美签证怎么办民工拿不到工资怎么办民工拿不到工钱怎么办异地办车保险怎么办车子脱审三年怎么办香港签证用完了怎么办汽车强制保险过期怎么办汽车保险脱保了怎么办汽车脱保一年怎么办想要去台湾旅游怎么办台湾签证过期了怎么办天津的大学户口怎么办小孩子笨教不会怎么办我儿子有多动症怎么办儿子太瘦了怎么办临时绿卡离婚了怎么办去美国劳务怎么办绿卡在美国怎么办日本签证 sp在新加坡怀孕怎么办新加坡签证被拒怎么办去新加坡工作怎么办签证