HTML5如何实现网页播放器

发布时间:2025-10-07 点击:2
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(同学,该换浏览器啦!!!); }


如何在百度首页优化网站关键词?
企业网站制作之前要先做好信息规划
在网站优化中,需要避免那些问题?
seo优化论坛:如何做seo优化?Seo优化靠的就是想法发现及多想多做
高效网页设计的5个技巧
新思路,湖州网站建设公司给您带来全新的用户体验!
浅谈网站制作、网络营销、网络推广、SEO之间的关系
鼓风机生产制造厂家如何把产品关键词排名做到百度首页