music api

music api

audioObject

创建或者获取的audio对象，可通过以下两种方式得到

<audio id="music" src="http://cloud.hunger-valley.com/music/玫瑰.mp3">你的浏览器不支持喔！</audio>
<script>
var audioObject = document.querySelector('#music')
</script>

var audioObject = new Audio('http://cloud.hunger-valley.com/music/玫瑰.mp3')

audioObject.play()

音乐播放

audioObject.pause()

音乐暂停

audioObject.autoPlay

设置或者获取自动播放状态

audioObject.autoPlay = true  //设置为自动播放，下次更换 audioObject.src 后会自动播放音乐
audioObject.autoPlay = false //设置不自动播放
console.log(audioObject.autoPlay)

audioObject.volume

设置播放的音量

audioObject.loop

设置或者获取循环状态

audioObject.duration

console.log(audioObject.duration)

sapn元素

span元素很像div元素，只不过div元素是块级元素，span元素是内联元素

filter： blur（)

filter过滤器
blur把页面上的几个元素联合在一起

cursor

css媒体特征测试用户是否具有指示设备(如鼠标)，并且如果是，则如何准确主指点设备。
给有这个属性的元素提供一个点击的效果

audio.ontimeupdate

监听时间的变化

this.duration

这首歌的总时间

setInterval

在Window和Worker接口上提供的方法重复调用函数或执行代码片段，每次调用之间有固定的时间延迟。它返回一个唯一标识间隔的间隔ID

clearInterval

mixin 的clearInterval()方法WindowOrWorkerGlobalScope取消了之前通过调用建立的定时重复动作setInterval()。