html< audio>音频标签

原创 PHP笔记  2017-05-05 23:35  阅读 1,539 views 次

在html中,<audio>标签一般用于定义声音,比如音乐或其他音频流。<audio>标签是html5新增标签,目前只支持3种文件格式:mp3、wav、ogg。在使用<audio>标签中,一般会在标签之间放置文本内容,如果浏览器不支持<audio>标签,就会显示放置的文本内容。

html5中的新属性

  • autoplay:如果出现该属性,则音频在就绪后马上播放。
  • controls:如果出现该属性,则向用户显示控件,比如播放按钮。
  • loop:如果出现该属性,则每当音频结束时重新开始播放。
  • muted:规定视频输出应该被静音。
  • preload:如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
  • src:要播放的音频的url。

<audio>标签支持html的全局属性和html事件属性

格式:

<audio src="音频地址" controls="controls">文本内容</audio>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< audio>音频标签_PHP笔记</title>
</head>
<body>
<audio src="www.ggbiji.com/video/1.wav" controls="controls">
浏览器不支持html< aside>标签
</audio>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-audio.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情