HTML5如何实现网页播放器

发布时间:2024-05-29 点击:173
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(同学,该换浏览器啦!!!); }


网站开发语言ASP和ASP.net有什么区别-网站制作
网页怎么制作只需这四步
提升网店流量的因素有哪些
选择适合自己的网络营销推广方式
SEO解密搜索引擎是如何判断用户访问时长
网站建设公司哪家好?选择要看哪些方面?
微信推广如何实现转化
如何合理有效的利用SEO的关键策略?