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

插入音频我们主要用到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格式的。

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

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐