疫情期间手机直线:18622734798
当前位置:首页新闻中心 → 全部信息
HTML5如何实现网页播放器
更新时间:2012/7/10 点击:1161次
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吧!");  }
  • 疫情期间手机直线:18622734798    服务邮箱:service@nfree.cn     QQ:1448132697
  • 地址:天津市河西区围堤道146号华盛广场B座22楼    

    津公网安备 12010302001042号

  • 版权所有:天津市华易动力信息科技有限公司    公司主营:天津网页设计天津网页设计公司