亚洲无码国产日韩欧美99|欧美亚洲永久电影三级成人|日韩a∨在线中文字幕30页|精品毛片直播一区二区|午夜欧美电影久久|国产日产欧产精品精乱子|黄色电影AA级亚洲播播|日韩免费黄色三级片电影|精品在线视频足久草在咸|欧美日韩美女在线免费视频播放

HTML5如何實(shí)現(xiàn)網(wǎng)頁播放器

2012/8/17 17:49:04   閱讀:5625    發(fā)布者:5625

   HTML5網(wǎng)頁播放器,主要用到了audio標(biāo)簽,讀取本地文件用的是FileReader API(貌似僅支持Chrome)?! 】创a,html代碼就只需要audio標(biāo)簽、文件上傳按鈕:
  <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("同學(xué),該換瀏覽器啦?。?!");  }