audio 元素能够播放声音文件或者音频流-html5播放音频

来源:互联网 发布:无声鼠标推荐 知乎 编辑:程序博客网 时间:2024/06/08 10:44

代码:自动循环播放、显示播放控件

<!DOCTYPE HTML>
<html>
<body>
<!-- 音频加载方式一-->
<audio autoplay="autoplay" loop="loop" src="song.mp3" controls="controls">
</audio>
<!-- 音频加载方式二-->
<audio controls="controls">
  <source src="song.mp3" type="audio/mpeg">
</audio>
</body>
</html>

演示:

说明:

<audio> 标签的属性

属性值描述autoplayautoplay如果出现该属性,则音频在就绪后马上播放。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。looploop如果出现该属性,则每当音频结束时重新开始播放。preloadpreload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

srcurl要播放的音频的 URL。

 

 

原创粉丝点击