综合一区-免费污视频-天天操综合网-又黄又爽的网站-日韩中文字幕一区二区三区-狠狠操狠狠-风间由美一区-自拍色图-久草热在线-椎名空在线-亚洲av无码国产精品久久-夜夜se-成人涩涩软件-国产精品第-亚洲自拍中文字幕-久草视频中文在线-日本黄页网站免费大全-双性人做受视频-中国一级免费毛片-三级黄片毛片

HTML5如何實現網頁播放器

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

   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("同學,該換瀏覽器啦!!!");  }