天天操天天操-欧美黄视频-亚洲午夜激情-黄色网址免费-少妇精品无码一区二区三区-欧美成人免费在线视频-国产毛片一区二区三区-欧美一区二区三区婷婷月色-四虎影视库-日本在线高清-毛片999-天天操欧美-国产午夜伦理-手机福利在线-视频在线91-免费在线观看亚洲-好爽快一点高潮了-国产污视频在线-成 人片 黄 色 大 片-激情久久网站-丰满少妇xxxx-女教师在办公室被躁在线播放-亚洲高清色-视色视频在线观看-婷婷色5月-又粗又硬又黄又爽的视频-好大好湿好硬顶到了好爽视频-中国美女黄色-国产精品刮毛-国内三级在线观看

HTML5如何實現網頁播放器

2012/8/17 17:49:04   閱讀:5793    發布者:5793

   HTML5網頁播放器,主要用到了audio標簽,讀取本地文件用的是FileReader API(貌似僅支持Chrome)。  看代碼,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("同學,該換瀏覽器啦!!!");  }