html5audio的语法以及属性和方法
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
html5audio的语法以及属性和⽅法
使⽤语法
<audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">亲您的浏览器不⽀持html5的audio标签</audio>
属性
src 是歌曲的路径
controls 播放控制如果给标签⾥写了 controls="controls" 那么⽹页会显⽰audio⾃带的播放控件,如果没写就不会显⽰.
loop 歌曲循环在标签⾥添加该属性歌曲循环如果你的歌曲是从后台调取的的也可以在ajax⾥设置 loop=true/false来控制;
autoplay 当歌曲加载后⾃动播放,但是只有pc端可以实现移动端不⾏(pc端的浏览器要⽐移动端的完善很多,对有些属性⽀持也会好很多)以上是标签内的属性当然也可以作为对象属性来调取控制auido.*
audio不单单是个标签他也是window下的⼀个对象,对象就有属性和⽅法,作为对象他有哪些常⽤的⽅法呢
对象属性:
currentTime 获取当前播放时间
duration 获取歌曲的总时间
play 是否在播放返回true/false
pause 是否暂停返回true/false
对象⽅法:
play() 播放歌曲
pause() 暂停歌曲
load()重新加载歌曲。