HTML5音频audio详解
来源:互联网 发布:deepin linux 编辑:程序博客网 时间:2024/04/20 16:43
直到现在,仍然不存在一项旨在网页上播放音频的标准。
目前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis √√√ MP3√ √√Wav √√ √开发例子源码如下:
1、control 属性供添加播放、暂停和音量控件。
2、<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的。
3、audio 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式
支持的部分属性列举:
4、autoplay 是否自动播放。
属性 值 描述 autoplayautoplay如果出现该属性,则音频在就绪后马上播放。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。looploop如果出现该属性,则每当音频结束时重新开始播放。preloadpreload
目前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
当前,audio 元素支持三种音频格式:
<!DOCTYPE HTML><html><body>Internet Explorer 8 不支持 audio 元素。在 IE 9 中,对 audio 元素的支持。<audio controls="controls" autoplay="autoplay"> <source src="http://www.w3school.com.cn/i/song.ogg" type="audio/ogg"> <source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">你的浏览器不支持html5的audio标签</audio></body></html>解释:
1、control 属性供添加播放、暂停和音量控件。
2、<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的。
3、audio 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式
支持的部分属性列举:
4、autoplay 是否自动播放。
如果出现该属性,则音频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。
srcurl要播放的音频的 URL。欢迎大家关注我的博客!如有疑问,请加QQ群:135430763共同学习! 2 0
- Audio---HTML5音频audio详解
- HTML5音频audio详解
- HTML5基础教程:audio音频标签的详解
- HTML5音频Audio
- HTML5 Audio(音频)
- HTML5--Audio(音频)
- HTML5 Audio(音频)
- html5内置音频 <audio>
- HTML5 - 使用<audio>播放音频
- HTML5之音频Audio标签的应用
- 掌握HTML5中的多媒体--音频(audio)
- HTML5-音频audio和视频video标签
- HTML5教程之音频Audio标签应用
- 掌握HTML5中的多媒体--音频(audio)
- html5 audio读取文件流播放音频
- html5 之 Audio标签 播放音频
- 掌握HTML5中的多媒体--音频(audio)
- HTML5初窥5--音频(Audio)
- maven编译时出现读取XXX时出错invalid LOC header (bad signature)
- mpeg4ip.h:126: error: new declaration ‘char* strcasestr(const char*, const char*)’
- Java函数参数传递方式详解
- 低仿QQ退出菜单
- android ViewPager学习笔记3
- HTML5音频audio详解
- xcode 插件
- [LeetCode]Surrounded Regions
- 【愿使】陪你一起老
- 【笔记】OGRE改变LOD的函数
- 通过libvirt获取对虚拟机的监控数据
- hadoop MapReduce实例解析
- maven项目建立pom.xml报无法解析org.apache.maven.plugins:maven-resources-plugin:2.4.3
- 那段时光,你是否还记得