码迷,mamicode.com
首页 > 其他好文 > 详细

audio

时间:2014-06-04 14:41:22      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   a   

1. 初识

1 <audio src="url" controls>
2 您的浏览器不支持audio标签
3 </audio>

1 <audio>
2     <source src="url.ogg" type="audio/ogg">
3     <source src="url.mp3" type="audio/mpeg">
4     <source src="rul.wav" type="audio/wav">
5     您的浏览器不支持audio标签
6 </sudio>

 

2. audio标签的属性

audio标签共有6个属性:

属性 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,否则不显示控件。音频只有控件,所以如果没有该属性则什么也看不到。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。
src url 要播放的音频的 URL。
muted muted  如果出现该属性,则静音。

 

3. 支持的格式

目前audio支持3种格式:*.ogg、*.mp3、*.wav

 

4. 音频MIME类型

source中的type属性用于MIME类型,可以使用户的浏览器快速找到需要的多媒体资源的容器和编解码器,从而省去提取媒体文件信息的额外资源开销。

音频格式 MIME类型
ogg audio/ogg
mp3 audio/mpeg
wav audio/wav

 

5. 默认audio控件的大小

audio控件在不同浏览器中样式及大小不一样,audio标签没有width属性,所以只能通过CSS(或JS)控制其宽度,高度不可调节。

bubuko.com,布布扣

 

6. API

方法:

属性:

事件:

audio,布布扣,bubuko.com

audio

标签:c   style   class   blog   code   a   

原文地址:http://www.cnblogs.com/weiheli/p/3765026.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!