HTML5网页播放器,主要用到了audio标签,读取本地文件用的是FileReader API(貌似仅支持Chrome)。还有web audio API应该也能实现播放本地音乐文件,就是本人不才,没有成功!
看代码,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("同学,该换浏览器啦!!还在忍受龟速浏览器么,用谷歌Chrome吧!"); }
上一篇:HTML 5 标签定义和用法
下一篇:HTML5布局标签属性和方法
前几天有位站长朋友咨询了免费空间小编,问到2G流量的免费空间,能承受多大的访问量?也许有很多站长都不是很明2G流量到底是多少,下面小编给大家分析一下:
最近有很多朋友咨询免费空间小编,问到了怎么注册免费邮箱呢?下面小编就跟大家一起分享一下: 免费邮箱有mail.163.com mail.qq.com mail....
一、Windows Azure虚拟机Linux和Windows建站 1、Windows Azure中国目前开放免费试用,参考这篇文章申请和激活:中国版Windo...
SMTP是简单邮件传输协议(SimpleMailTransferProtocol)的简称,是您发送Email所必须用到的。常用的免费SMTP服务器如下,用户名和...
使用方法:[假设您的域名为:domain.com,您的邮箱为yoursname@yoursdomain.com]1.请下载并安装最新 Foxmail 最新版本,...