HTML插入音频的基本方法

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

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

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

  • 19
    点赞
  • 99
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值