您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质教程及自媒体资讯,打造中国品牌教育先锋。

audio标签的使用方法是什么?教你如何插入音频

课程目录 卢育永 次浏览
大家应该注意到在一些音乐网站有一些音频可以播放,或者在一些评书、相声等都有音频,那么这些音频是怎么放上去的呢?这节我们就来学习一下audio标签,学会了这个标签,大家就可以在自己的网站放个人音频了。<audio> 标签是用来定义声音,比如音乐或其他音频流等等,这是一个在HTML5升级的一个标签,因此可以对于一些比较老版本的浏览器可能不兼容,所以建议大家用最新的浏览器版本测试,当然你也可以在标签之间加入验证文本。
 
先来了解一下<audio> 标签基本属性:
 
属性---值---描述
autoplay---autoplay ---如果出现该属性,则音频在就绪后马上播放。
controls---control-----如果出现该属性,则向用户显示控件,比如播放按钮。(注意这个一定要有,否则你是见不到音频播放的)
loop ---loop -----如果出现该属性,则每当音频结束时重新开始播放。
muted------muted------规定视频输出应该被静音。
preload------preload
如果出现该属性则音频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。
src----url---要播放的音频的 URL。(这个也一定要有,否则见不到路径,当然可用source()代替)

代码示例:

audio标签
<!DOCTYPE html>
<html>
<head>
<title>Throw-Try-Catch</title>
<meta charset="utf-8" lang="zh-cn">
 
</head>
<body >
<p>dddddddd</p>
 <audio src="images/TheMass.mp3" loop="loop" controls="controls" preload="preload" >
<!--  <source src="TheMass.mp3" type="audio/mp3" /> -->
 </audio>
 
</body>
</html>
注意音频路径,这里我放在images文件中。

静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明audio标签的使用方法是什么?教你如何插入音频
顶一下
(1)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com