HTML5如何實現(xiàn)網(wǎng)頁播放器
2012/4/13 14:59:56
HTML5網(wǎng)頁播放器,主要用到了audio標(biāo)簽,讀取本地文件用的是FileReader API(貌似僅支持Chrome)。還有web audio API應(yīng)該也能實現(xiàn)播放本地音樂文件,就是本人不才,沒有成功!
看代碼,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é),該換瀏覽器啦!!還在忍受龜速瀏覽器么,用谷歌Chrome吧!"); }
返回列表
返回首頁
主站蜘蛛池模板:
免费观看激色视频网站bd|
国产裸体歌舞一区二区|
久久天天躁狠狠躁夜夜不卡|
毛片毛片毛片毛片毛片毛片|
向日葵app在线观看下载视频免费|
人与禽交zozo|
国产韩国精品一区二区三区|
一个人的突击队3电影在线观看|
无码精品久久久久久人妻中字|
九一制片厂果冻传媒56|
欧美激情一区二区三区四区|
免费a级片网站|
美国式禁忌在完整有限中字|
国产又大又粗又长免费视频|
亚洲人配人种jizz|
国产韩国精品一区二区三区久久|
a网站在线观看|
尤物193yw在线看|
中文字幕乳授乳奶水电影小说|
日本高清免费不卡视频|
亚洲av无码一区二区二三区
|
多人交换伦交视频|
一二三四视频社区在线|
手机在线观看av片|
久久亚洲精品中文字幕三区|
暖暖日本免费中文字幕|
亚洲伊人色一综合网|
欧美福利在线播放|
亚洲色大成网站WWW尤物|
粉嫩虎白女P虎白女在线|
又大又紧又硬又湿a视频|
色偷偷91久久综合噜噜噜|
国产传媒在线播放|
麻豆一区二区三区蜜桃免费|
国产男女插插一级|
1024人成网站色|
国产精品美女视视频专区|
9999热视频|
在线精品91青草国产在线观看|
a级毛片高清免费视频|
女人双腿搬开让男人桶|