一段音频可以使页面更具趣味性。因此,我在这里整理了音频插入的快速入门代码及相关知识。

插入音频我们主要用到audio与source两个标签。

其中,audio用于控制音频的呈现形式,播放是否循环,是否默认静音等等。

source用于社长饮品都来源及音频格式。

简单入门代码:

<audio controls="controls" loop="loop">
	<source src="audio/极乐净土.mp3" type="audio/mp3"></source>
</audio>

这样,页面上便会出现一个播放器, 点击播放键即可实现音乐的播放。

audio标签中还有以下属性可供使用:

 loop    循环
controls    控制器
autoplay    自动播放(已失效)
muted        静音
preload        页面加载时同时加载音频

source标签中,src为音频所在位置,本文中用的是相对路径,type为音频格式,这里为mp3格式的。

希望本文对你有所帮助^_^。

更多推荐

HTML插入音频的基本方法