Audio常用功能

209 阅读2分钟

Audio传送门MDN

Audio参考链接

常用的audio属性(也适用于video)

  • src

嵌入的音频的URL。 该URL应遵从 HTTP access controls. 这是一个可选属性;你可以在audio元素中使用 元素来替代该属性指定嵌入的音频。

  • autoplay

布尔属性;如果指定(默认值为"false"!);指定后,音频会马上自动开始播放,不会停下来等着数据载入结束。

  • controls

如果设置了该属性,浏览器将提供一个包含声音,播放进度,播放暂停的控制面板,让用户可以控制音频的播放。

  • currentTime

设置或返回音频或视频中的当前播放位置(以秒计)

  • duration

返回时间长度(以秒计)

  • ended

当前音频或视频是否已结束

  • paused

设置或返回音频是否暂停

  • loop

布尔属性;如果指定,将循环播放音频。

  • muted

表示是否静音的布尔值。默认值为false,表示有声音。

  • volume

音频播放的音量。值从0.0 (无声) 到 1.0 (最大声).

  • preload

枚举属性,让开发者自行思考来示意浏览器使用何种加载方式以达到最好的用户体验。可以是以下属性之一:

  • none: 示意用户可能不会播放该音频,或者服务器希望节省带宽;换句话说,该音频不会被缓存;
  • metadata: 示意即使用户可能不会播放该音频,但获取元数据 (例如音频长度) 还是有必要的。
  • auto(或空字符串): 示意用户可能会播放音频;换句话说,如果有必要,整个音频都将被加载,即使用户不期望使用。

假如不设置,默认值就是浏览器定义的了(不同浏览器会选择自己的默认值), 即使规范建议设置为 metadata.

使用备注

  • autoplay 属性优先于 preload 假如用户想自动播放视频,那么很明显浏览器需要下载视频。同时设置autoplay 和 preload属性在规范里是允许的。

常用的方法

  • load()

重新加载音频

  • play()

开始播放

  • pause()

暂停播放

  • canPlayType()

检测浏览器是否能播放指定的类型

  • addTextTrack()

向视频或音频添加文本轨道

常用的事件

  • ended

结束时触发

  • canplay

开始播放时触发

  • error

加载过程中发生错误时触发

  • timeupdate

当播放位置发生已更改时触发(用于处理没有controls的时间进度条)