Audio身上的属性方法和事件

本篇介绍的是H5的Audio标签身上的属性方法跟事件

概括

一个audio对象就是普通的dom对象比其他的dom对象多出一些自己独有的属性方法和事件

使用

1
2
3

<audio src="music/1.mp4" >
您的浏览器不支持 audio 标签。
</audio>

点击Audio了解更多属性

获取

1	var audio = $('audio').get(0);

属性

(读/写) 音量

1	audio.volume

(读/写) 歌曲地址

audio.src

((读/写) 歌曲当前已播放时长

1	audio.currentTime

(读) 歌曲的总长度

1	audio.duration

(读) 布尔类型是否处于暂停状态

1	audio.paused

(读) 布尔类型歌曲是否已经播放完毕

1	audio.ended

方法

让歌曲开始播放

1	audio.play()

让歌曲暂停

1	audio.pause()

事件

当歌曲下载完之后调用fn

1	audio.oncanplay = fn()

当audio.volume发生变换的时候调用fn

1	audio.onvolumechange = fn()

歌曲开始播放之后调用fn

1	audio.onplay = fn()

歌曲暂停之后调用fn

1	audio.onpause = fn()

歌曲在播放的过程中会一直调用fn

1	audio.ontimeupdate = fn()

一首歌曲播放完之后调用fn

1	audio.onended = fn()

事件驱动的编程模式

	var audio =  $('audio').get(0);
//    一首歌播放完之后播放下一首的事件
    audio.onended=function () {
        $(".aixin").removeClass("active")
        $(".xiayishou").triggerHandler("click")
    }

总结

以上就是audio常用的属性跟方法.这里我写了一个实例 MUSIC，大家可以看看其中的代码。

本文总阅读量次