一、音频audio、视频video
1. 如何使用
<audio src="horse.mp3" controls loop="loop" autoplay="autoplay">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.wav" type="audio/mpeg">
<source src="horse.acc" type="audio/mpeg">
您的浏览器版本太low不支持 audio 元素,请更新。
</audio>
1. audio 标签用于存放一个音频文件
2. source 标签用于指定文件的路径和文件的类型
3. 加载多个类型的音频文件是为了兼容不同的浏览器
4. 当浏览器不支持播放音频是可用一段文字提示
2. 相关属性和方法
常用属性 | 功能 |
---|
controls | 设置或返回是否显示播放控件 |
autoplay | 设置或返回是否加载完毕后自动播放 |
loop | 设置或返回是否循环播放 |
muted | 设置或返回是否静音 |
volume | 设置或返回音量 |
paused | 设置或返回是否暂停 |
currentTime | 设置或返回当前播放时间 |
duration | 设置或返回总时长(秒) |
常用API | 功能 |
---|
play() | 播放 |
pause() | 暂停 |
load() | 重新加载 |
事件 | 功能 |
---|
canplaythrough | 当文件缓冲/加载完成后触发 |
timeupdate | 当前播放位置更改时触发 |
ended | 当播放结束时触发 |