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布局标签属性和方法
今天小编给大家推荐一款免费ASP空间。由曼曼科技提供1G免费ASP空间申请 可以绑定自己的域名。
类型免费空间空间线路美国线路空间容量100MASP+ACCESS写入权限域名绑定FTP上传WEB上传在线解压留言本计数器二级域名空间广告有单个文件限制大小不限制开通方式即时开通详细介绍本免费
今天小编给大家推荐一款1G免费空间,由景安网络提供1G免费空间,需要每天9点抢,还赠送数据库100M。
对于今日头条极速版看新闻就能赚钱,我们大家都是很知道的。那么你知不知道今日头条极速版怎么操作才能赚钱呢?下面免费空间小编给大家分析一下:
1、首先登录后台,点击产品管理,然后点域名管理,点管理图标进入管理面板2、点域名解析,如果是第一次解析,默认会进入下面的界面,直接点高级管理即可3、进行别名(CNAME)解析