HTML5 提供了播放音频的标准。
Web 上的音频
直到现在,仍然不存在一项旨在网页上播放音频的标准。
今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
音频格式
当前,audio 元素支持三种音频格式:
格式 | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
Ogg Vorbis | √ | √ | √ | ||
MP3 | √ | √ | √ | ||
Wav | √ | √ | √ |
如何工作
如需在 HTML5 中播放音频,您所有需要的是:
<audio src="song.ogg" controls="controls"> </audio>
control 属性供添加播放、暂停和音量控件。
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的:
实例
<audio src="song.ogg" controls="controls"> Your browser does not support the audio tag. </audio>
上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,音频文件必须是 MP3 或 Wav 类型。
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式:
实例
<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>
Internet Explorer
Internet Explorer 8 不支持 audio 元素。在 IE 9 中,将提供对 audio 元素的支持。
相关推荐
html5响应式触摸音频播放插件——AUDIOPLAYER,对于做音频播放的希望这个对你有用
网页模板——jQuery+HTML5实现的鼠标点击经过播放音频特效源码
有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!
最高级的功能是AudioContext等对象所具备的强大的后期处理,这样你只要采用HTML5、CSS3和JavaScript就能实现几乎能与专业媒体后期处理设备媲美的页面——拆分/合并声道、音频可视化、滤波、卷积、混响、3D环绕以及...
1.HTML5Media-Video2.HTML5Media-Audio3.拖拽操作4.获取位置信息5....在本节中学习如何在HTML5中使用Video元素1.准备视频资源2.创建HTML页面新建HTML,并命名为“Media.html”,输入以下内容:可以观
利用HTML5的音频和视频支持,实现游戏中的背景音乐和音效。 使用HTML5的触摸事件处理,支持移动设备的触摸操作。 借助Web Storage API实现游戏数据的本地存储,方便玩家随时继续游戏。 跨平台兼容性: 确保游戏在...
之所以本书取名《HTML5&CSS3开发大起底》,是因为书中除了覆盖从网站开发到运营全过程外,横向上几乎涉及了全部的知识点——基本元素、css3样式、画布、矢量图、语义元素、本地存储、多媒体处理、点对点通讯、线程、...
上海工会管理职业学院 《网页设计》课程考核方案设计 2010 ~ 2011学年第 2 学期 "考核方案设计:个人作品网站的综合建立与设计(分阶段分层次考核职业能力) " " " "要求在完成网页设计课程内容的学习后,能够把所学...
http://hi.baidu.com/aijianmeng/blog/item/15de9200d52ec9191d9583eb.html
艾米莉 ... 还有analyseAudioStream方法对当前音频流执行分析并定义用于创建可视化的frequencyData ; 从那里,我们有renderCircles和renderSplodges称取上述frequencyData变量建立基于D3库的圆圈。
鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...
**ASP.NET多功能聊天软件的设计与开发——文字聊天文件传输模块** 本资源提供了一个基于ASP.NET平台的多功能聊天软件的设计与开发案例,专注于文字聊天和文件传输功能的实现。该案例不仅包含了完整的源代码,还附带...
演示发展Browsercast 是一个单页的客户端 HTML5 应用程序。 它只需使用本地资源即可在没有互联网连接的情况下工作。 这意味着,它还可以从任何服务器(包括 github 页面)静态托管和提供服务。先决条件节点.js Gulp....
一:安全测试注意事项 1)要注意白帽子与黑客之间的区别 2)在挖漏洞挣外快时,注意不要使用安全扫描或暴力破解软件对上线网站进行扫描或攻击。不要对上线网站造成破坏,不要去获取...有html,图片,音频,视频等等组成
HTML:超文本标记语言(HyperText Markup Language)——编辑页面,实现页面内容的计算机语言 HyperText :超文本 Markup:标记 Language:语言 知识点: 超文本:超越文本,可以包含除文字(文本)之外,其它类型的内容...
第18章 html完整应用——创建网上餐厅网站 18.1 怎样开发网站 18.2 规划设计网站 18.2.1 规划网站的结构 18.2.2 创建网站 18.3 风格设计和页面布局 18.3.1 注意事项 18.3.2 设计网页布局 18.3.3 使用框架和表格实现...
notification在新版本的SDK上的写法 blog:http://www.cnblogs.com/ityizhainan/p/6282031.html
最近在学习ffmpeg的基本操作,ffmpeg功能非常强大,可以运行音频和视频多种格式的录影、转换、流功能,包含了libavcodec——这是一个用于多个项目中音频和视频的解码器库,以及libavformat——一个音频与视频格式...