文章目次：

• audio经常运用属性

• audio音乐花样的支撑

• audio属性

• 参数申明

最近在搞audio方面的h5页面，碰到一些坑，愿望这篇文章对人人有所协助。

audio经常运用属性

那末起首来看一下audio标签中的一些经常运用属性：

audio音乐花样的支撑

来看下关于音乐花样的支撑：

audio可经由过程new来建立。也能够经由过程用document来猎取。

//经由过程new关键字来建立Audio对象
var Music = new Audio(“test.mp3”);
//经由过程document来猎取已存在的Audio对象
var Music = document.getElementById(“audio”);
//固然这里也能够运用document.getElementsByClassName(‘className’)等其他的要领来猎取。
然后我们来看下api所供应的对audio标签操纵的一些属性和要领

audio属性

那末来看下这边经常运用的掌握用的函数：

参数申明

关于audio标签API中的经常运用事宜。
起首绑定事宜的话能够经由过程js中的addEventListener要领来绑定事宜。
Music.addEventListener(string:事宜范例/称号,function:详细事宜促发时的实行,boolean:是不是运用捕捉,默许为false);

1、type:String 事宜的范例。
2、listener:Function 侦听到事宜后处置惩罚事宜的函数。 此函数必需接收 Event 对象作为其唯一的参数，而且不能返回任何效果，如以下示例所示： 接见修饰符 function 函数名(evt:Event):void
3、useCapture:Boolean (default = false)

这里牵扯到“事宜流”的观点。侦听器在侦听时有三个阶段：捕捉阶段、目的阶段和冒泡阶段。递次为：捕捉阶段(根节点到子节点搜检是不是挪用了监听 函数)→目的阶段(目的自身)→冒泡阶段(目的自身到根节点)。此处的参数肯定侦听器是运转于捕捉阶段、目的阶段照样冒泡阶段。 假如将 useCapture 设置为 true，则侦听器只在捕捉阶段处置惩罚事宜，而不在目的或冒泡阶段处置惩罚事宜。 假如useCapture 为 false，则侦听器只在目的或冒泡阶段处置惩罚事宜。

要在一切三个阶段都侦听事宜，请挪用两次 addEventListener，一次将 useCapture 设置为 true，第二次再将useCapture 设置为 false。

经常运用audio的事宜：