0
点赞
收藏
分享

微信扫一扫

audio标签

朱小落 2022-01-31 阅读 27

1. 关于 audio 的用法

audio会尝试用mp3 或 ogg 来播放音频,如果播放失败了,会回退到embed

<audio controls>
  <source src="Lily.μ%20-%20I%20hate%20me.mp3" type="audio/mpeg">
  <source src="Lily.μ%20-%20I%20hate%20me.mp3" type="audio/ogg">
  <embed height="50" width="100" src="Lily.μ%20-%20I%20hate%20me.mp3">
</audio>

2. 样式

在这里插入图片描述

3. audio 属性

属性作用
autoplay设置或返回是否在加载完成后随即播放音频/视频
controls设置或返回音频/视频是否显示控件(比如播放/暂停等)
loop设置或返回音频/视频是否应在结束时重新播放
muted设置或返回音频/视频是否静音
preload设置或返回音频/视频是否应该在页面加载后进行加载
src设置或返回音频/视频元素的当前来源
duration返回当前音频/视频的长度(以秒计)
volume设置或返回音频/视频的音量

4. audio 事件

方法作用
canPlayType()检测浏览器是否能播放指定的音频/视频类型
load()重新加载音频/视频元素
play()开始播放音频/视频
pause()暂停当前播放的音频/视频
playing当音频/视频在已因缓冲而暂停或停止后已就绪时
canplay当浏览器可以播放音频/视频时
timeupdate当目前的播放位置已更改时
举报

相关推荐

0 条评论