标签及属性的语法规则

核心提示最近想弄一个类似在线播放 MP3 的应用,刚开始想用 flash 播放器,但是已经很就没有弄 flash 了,用起来很老火,于是想到了 HTML5 的 Audio 标签也可以播放音乐,在这里就介绍一下 HTML5 Audio 标签方法和函数

最近想弄一个类似于在线播放MP3的应用。起初,我想用flash player,但我还没有flash。用起来很老了,所以我以为HTML5音频标签也可以播放音乐。在这里,我将介绍HTML5音频标签方法和函数API。

常用属性

首先,让我们看看音频标签中的一些常见属性:

音乐格式支持

看看对音乐格式的支持:

音频可以由新的。也可以通过使用document来获取。

//通过new关键字创建音频对象var Music = new Audio//通过document获取已有的音频对象var music = document . getelementbyid;//当然,这里也可以使用document . getelementsbyclassname等其他方法来获取。

然后我们来看看API提供的一些操作音频标签的属性和方法。

属性

方法函数

下面我们来看看常用的控制功能:

音频标签API中的常见事件。

首先可以通过Javascript中的addEventListener方法绑定事件。

Music.addEventListener

参数描述

1.类型:类型:字符串事件。2.listener:Function监听事件后处理事件的函数。该函数必须接受事件对象作为其唯一参数,不能返回任何结果,如下例所示:访问修饰符函数名:void3,useCapture:Boolean是否使用Capture,默认值为false。

这里涉及到[事件流]的概念。听者听的时候有三个阶段:捕捉阶段、目标阶段、冒泡阶段。顺序是:捕获阶段→目标阶段→冒泡阶段。这里的参数决定了监听器是运行在捕获阶段、目标阶段还是冒泡阶段。如果useCapture设置为true,侦听器只会在捕获阶段处理事件,而不会在目标或冒泡阶段处理事件。如果useCapture为false,监听器仅处理目标或冒泡阶段的事件。

若要侦听所有三个阶段中的事件,请调用addEventListener两次,一次将useCapture设置为true,第二次将useCapture设置为false。

音频事件

常见音频事件:

包括上述HTML5音频标签的方法、属性和函数API对于基本的应用程序功能是足够的。当然,你也需要一些服务器方面的知识来帮你搭建后台。

 
友情链接
鄂ICP备19019357号-22