音频和视频的处理
为什么有audio?或者说audio的出现是为了解决什么样的问题?
在H5之前,如果想在浏览器上播放视频和音频的话都需要一些插件的文件(如flash),但是因为浏览器和插件之间存在一些兼容性问题,所以为了解决这些问题,H5就推出了audio(音频)和video(视频)两种新的属性来作为到多数浏览器处理音频和视频的表示,使其可以统一化、简便化。
1. audio
<audio src="files/荣耀.mp3" preload="auto" controls="controls"></audio>
<audio src="files/荣耀.mp3" preload="none" controls="controls"></audio>
<audio src="files/荣耀.mp3" preload="metadata" controls="controls"></audio>
1) src();音频文件的地址,本地和网络地址都可以
2) contros;由浏览器提供的音频控件
3) preload;预加载,就是让文件进行预先缓冲,优化播放的速度。
三个可选值:
①auto:对整个音频事件进行加载 默认值,
②metadata:只加载文件的元数据(第一帧,播放的总时长,播放列表等)
③none
<audio src="files/荣耀.mp3" autoplay loop preload="auto" controls="controls"></audio>
Loop:循环播放,布尔类型在标签的使用中默认为true
Autoplay:自动播放 ,布尔类型在标签的使用中默认为true
1.1控制函数和常用的属性
(1)palyOrPaused();控制音频的播放和暂停
Play():播放
Pause():暂停
<body>
<audio id="audio" src="files/荣耀