在HTML5标准网页里面,我们能够运用audio标签来完毕我们对声音的调用及播放。
下面是最常常见到的运用HTML5三种基本格式:
1.最少的代码
<audio src="song.ogg" controls="controls"></audio>
2.带有不兼容提醒的代码
<audio src="song.ogg" controls="controls"> Your browser does not support the audio tag. </audio>
3.尽量兼容浏览器的写法
<audio controls="controls"> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>
HTML5音频格式
当前,HTML5 Audio标签支持三种格式的音频,各自是wav mp3和ogg格式。
而眼下主流浏览器对他们的支持例如以下:
IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 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标签来指定源。
时间: 2024-10-07 20:14:29