HTML5如何实现网页播放器

  　HTML5网页播放器，主要用到了audio标签，读取本地文件用的是FileReader API（貌似仅支持Chrome）。还有web audio API应该也能实现播放本地音乐文件，就是本人不才，没有成功！

　　看代码，html代码就只需要audio标签、文件上传按钮：

　　<audio autoplay="autoplay" controls="controls" src="badday.mp3" loop="loop">

　　<source src="badday.mp3" type="audio/ogg">

　　<source src="badday.mp3" type="audio/mpeg">

　　Your browser does not support the audio tag.  </audio>

　　<input id="fileurl" type="file" onchange="play()"/>

　　function play(){try{    var file=document.getElementById('fileurl').files[0];    var reader = new FileReader();    reader.onload = (function(file) {        return function(e){            $("audio").attr('src',e.target.result);

　　$("source").attr('src',e.target.result);        }    })(file);    reader.readAsDataURL(file); } }catch(e){   alert("同学，该换浏览器啦！！还在忍受龟速浏览器么，用谷歌Chrome吧！");  }