HTML5学习笔记(四)
来源:互联网 发布:如何学游戏编程 编辑:程序博客网 时间:2024/06/05 04:52
HTML5播放音频的标签
到目前为止,网页上的大多数音频都是使用flash来播放的,HTML5 规定了一种通过<audio>
元素来包含音频的标准方法. <audio>
音频流和播放声音文件
<audio>
支持的三种音频格式:
三种格式为:Mp3/Ogg/Wav
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>HTML5播放音频文件</title> </head> <body> <audio style="text-align:center" controls="controls"> <source src="resource/horse.ogg" type="audio/ogg"> 你的浏览器可能不支持该模式 </audio> <br /> <audio style="text-align:center" controls="controls"> <source src="resource/song.mp3" type="audio/mpeg"> 你的浏览器可能不支持该模式 </audio> </body></html>
audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。
效果图:
<audio>
的属性
参考:http://www.w3school.com.cn/html5/html_5_audio.asp
总结
<audio>
标签和<video>
标签类似,是HTML5中一种统一的音频播放标准。目前主流的浏览器都支持这种格式播放音频。
0 0
- html5学习笔记四
- HTML5学习笔记(四)
- HTML5学习笔记(四)
- html5学习笔记(四)
- [持续更新]HTML5学习笔记(四)
- HTML5基础学习笔记(四)
- HTML5(李炎恢)学习笔记四 ------------- HTML5元素(中)
- html5学习笔记之四(canvas对象)
- Html5学习笔记四—播放音频和视频文件
- html5学习笔记(四)增强的表单
- HTML5学习笔记 HTML5基础教程
- HTML5学习(四)---Canvas绘图
- HTML5学习笔记
- HTML5学习笔记
- html5标签学习笔记
- html5学习笔记之一
- html5 学习笔记
- html5 视频学习笔记。。。
- NBU:1651 Red packet(二分)【好】
- 字符串-10815 Andy’s First Dictionary
- 堆和栈的区别
- 5.【字符串】Reverse Words in a String--Accepted Java code
- pc串口通信
- HTML5学习笔记(四)
- 深入理解JVM 第一章 之5
- 谈谈人性
- HDU1286 欧拉函数
- JAVA多线程和并发基础
- 类和对象的概念
- Missing Number
- hdoj 5754 Life Winner Bo
- [转载] 终于理解list_entry和list_for_each_entry