网页设计 百分网手机站

HTML5的Audio标签使用详解

时间:2020-08-07 19:51:34 网页设计 我要投稿

HTML5的Audio标签使用详解

  世界上公认的第一个网页是诞生于1992年,发展至今,网页已经有21年历史了。在这21年里面,网页开发的标准从没有完全统一过。而我们经常见到的web音频就是这么样子的。现在,大部分的网页音频播放依靠着flash,但是显然地,flash已经越来越不适用于web开发。所以呢,苹果放弃了flash,而Android也宣布不再支持flash。主要原因就是HTML5的诞生,为web开发提供了更加便捷、高效的音频应用。那么,在网页中HTML5音频或者说HTML5播放器是怎么应用的呢。希望对大家有所帮助!

  HTML5 audio

  在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放。以下是最经常见到的运用HTML5三种基本格式:

  1.最少的代码

  2.带有不兼容提醒的代码

  Your browser does not support the audio tag.

  3.尽量兼容浏览器的写法

  Your browser does not support the audio tag.

  HTML5音频格式

  当前,HTML5 Audio标签支持三种格式的音频,分别是wav mp3和ogg格式。而目前主流浏览器对他们的`支持如下:

  IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0

  Ogg Vorbis √√√

  MP3√ √√

  Wav √√ √

  IE8以及IE8以下不支持HTML5的audio标签

  HTML 5 Audio属性

  autoplay:唯一可选值为autoplay,出现autoplay属性并准确赋值时,音频将会自动播放

  controls:唯一可选值为controls,出现controls属性并准确赋值时,音频播放控件将会显示,控件包括:播放、暂停、定位、音量、全屏切换、字幕(如果可用)、音轨(如果可用)。

  loop:唯一可选值为loop,出现loop属性并准确赋值时,音频将会循环播放。

  preload:可选值有auto(当页面加载后载入整个音频)、meta(当页面加载后只载入元数据)和none(当页面加载后不载入音频) 如果设置了前面的autoplay属性,那么preload将会被忽略。

  src:指定音频URL地址,可以是相对的URL也可以是绝对的URL 当然还可以像第2和第3个例子一样,用source标签来指定源。

【HTML5的Audio标签使用详解】相关文章:

C语言的使用的详解11-22

Java的Struts框架中标签的使用方法11-26

2017职称计算机辅导:Meta标签详解05-27

Java内存区域的使用详解12-02

如何使用Dreamweaver方便快捷编辑网页标签09-18

linux中ipcs命令使用详解08-15

关于linux中tail 命令使用详解07-31

PHP中isset()与empty()的使用区别详解08-14

c语言中有关随机函数的使用详解11-20

C++的字符串分割函数的使用详解10-04