音频是网页承载内容很重要的一个元素,也是必不可少的网页表现形式(图、文、表、视、音)之一。缺少声音的网站,就如同人不能说话一样。曾经网页要想播放音频,必须得用第三方插件flash。随着html5标准逐渐普及,如今几乎所有的浏览器都使用html5来播放音频。
目标
- 如何设置音频播放?
- 支持哪几种音频格式?
音频播放标签--audio
作用是在 HTML 页面中嵌入音频元素,来播放声音文件或者音频流。
网页版的音乐播放器
audio标签的属性
src 音频的播放源(必须)
controls 浏览器自带的控制条(必须)
autoplay 自动播放
loop 循环播放
preload 预加载
音频代码
每一种浏览器自带的音频播放控制器都不一样,但功能都一样。网上看到的播放器,大多数都是改过它的样式。
浏览器自带的音频控制条
支持多个格式--source标签
<audio> 元素支持三种视频格式: MP4, WebM, 和 Ogg。
如果不确定音频格式是哪个格式,可以使用source标签。<source> 元素可以链接不同格式的视频文件,浏览器将使用第一个可识别的格式。
支持多种格式
总结
audio总结





