最近想弄一个类似于在线播放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,监听器仅处理目标或冒泡阶段的事件。

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


