HTML5 Audio - 如何工作
如需在 HTML5 中播放音频,你需要使用以下代码:
引用
实例
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
尝试一下 »
control 属性供添加播放、暂停和音量控件。
在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。
<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件
音频格式及浏览器支持
目前, <audio>元素支持三种音频格式文件: MP3, Wav, 和 Ogg:
浏览器 MP3 Wav Ogg |
|
Internet Explorer 9+ YES NO NO |
|
Chrome 6+ YES YES YES |
|
Firefox 3.6+ NO YES YES |
|
Safari 5+ YES YES NO |
|
Opera 10+ NO YES YES |
音频格式的MIME类型
Format MIME-type |
|
MP3 audio/mpeg |
|
Ogg audio/ogg |
|
Wav audio/wav |
HTML5 Audio 标签
标签 描述 |
|
<audio> 定义了声音内容 |
|
<source> 规定了多媒体资源, 可以是多个,在 <video> 与 <audio>标签中使用 |
分享到:
相关推荐
NULL 博文链接:https://onestopweb.iteye.com/blog/2262307
web audio api + audio标签 javascript 原生实现音频播放标注功能
该示例演示了再asp.net环境下实现前端音频播放的方法。
NULL 博文链接:https://onestopweb.iteye.com/blog/2262308
基于HTML5 audio元素播放声音jQuery小插件,需要的朋友可以参考下。
使用HTML5 audio元素实现的LRC格式歌词时间标签制作工具。 使用 输入音乐url,点击load后即可播放。 下方按钮用处如下: <: 后退5秒。 tag: 在文本末尾增加时间标签,时间为当前播放位置。 : 前进5秒。
嵌入视频和音频 支持视频和音频的浏览器 浏览器介绍 01 PC端的浏览器 浏览器是网页运行的平台,常用的浏览器有 IE...了解video、 audio元素 的兼容性 总结 小任务 要求: 1、预习和< audio >元素的定义和用法。 THANKS
32.video元素与audio元素的基础知识20:10 33.video元素与audio元素的常用属性32:18 34.HTML5拖放22:41 35.CSS3简介04:11 36.CSS3新增的属性选择器22:17 37.结构性伪类选择器上28:52 38.结构性伪类选择器下21:00 39....
很多浏览器已经实现了对HTML5中video和audio元素的支持 浏览器 支持版本 IE 9.0及以上版本 Frefox 3.5及以上版本 Opear 10.5及以上版本 Chrome 3.0及以上版本 Safari 3.2及以上版本 视频文件和音频文件的格式 视频...
* 用于媒介回放的 video 和 audio 元素 * 对本地离线存储的更好的支持 * 新的特殊内容元素,比如 article、footer、header、nav、section * 新的表单控件,比如 calendar、date、time、email、url、search ...
单元一 HTML5基础知识端基础前WebHTML5多媒体标签1常用多媒体格式2播放音频audio播放视频video34其他多媒体标签1常用多媒体格式音频格式1、WAV 微软和IBM共同...2使用音频HTML5 规定了一种通过 audio 元素来包含音频
•用于媒介回放的 video 和 audio 元素 •对本地离线存储的更好的支持 •新的特殊内容元素,比如 article、footer、header、nav、section •新的表单控件,比如 calendar、date、time、email、url、search 浏览器...
3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用html5 audio和video api 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...
一款非常简单实用的HTML元素发音音频特效jQuery插件。该插件基于HTML5 audio元素来制作各种HTML元素的发音效果。它
3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 3.3 小结...
目前最流行的方式是 通过 Adobe的Flash Player插件将音频和视频嵌入到网 页中,而伴随着 HTML5技术的发展,在 HTML5中引入 video和audio元素后[ 1],将视频嵌入到网页中便...
3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 3.3 小结...
4.1.4 audio元素和video元素的浏览器支持情况 77 4.2 使用HTML5 Audio和Video API 78 4.2.1 浏览器支持性检测 79 4.2.2 可访问性 79 4.2.3 理解媒体元素 80 4.2.4 使用audio元素 85 4.2.5 使用video元素 86 ...
3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 3.3 小结...