html5用“”标记播放音乐。audio标签用于在网页文档中表示音频内容,利用该标签,开发者可以在网站上插入一个音乐播放控件;语法“ ”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
html5用“”标记播放音乐。
标签:用于在文档中表示音频内容。利用它,你可以在你的个人网站上插入一个音乐播放器,放一首你喜欢的歌。
登录后复制登录后复制
立即学习“前端免费学习笔记(深入)”;
用法很简单,跟
如果你仅仅这样写,页面上不会看到有明显的东西,标签默认是隐藏的。
对于不支持标签的浏览器,会把标签的文本内容显示出来。
登录后复制
为了方便我们对音频文件进行控制,操作它的进度、播放暂停、音量等等,我们可以给它添加controls属性:
登录后复制
用法跟
( chrome浏览器的音频控制面板 )
( firefox浏览器的音频控制面板 )
( IE浏览器的音频控制面板 )
哪个好看就见仁见智了~~
跟
它们的作用和用法都一样,就是用来引入多个音频,浏览器会选择一个支持的音频格式进行加载,对于不支持标签的浏览器,元素也可以作为浏览器不识别的内容加入到文档中。
登录后复制
注:主流的音频文件格式有:mp3、wav、ogg。不同的浏览器对三种格式支持程度不一样。其中mp3格式支持度最好。
autoplay属性:加载完成后,自动播放。也非常简单、使用。
登录后复制登录后复制
loop属性:顾名思义,循环播放。
登录后复制登录后复制
preload属性:用来控制音频在什么时候进行加载。
登录后复制登录后复制
对应的值有3种:
none:默认不加载,等有需要的时候再加载。
metadata:元数据,默认不加载,但是可以提取该音频的元数据信息。
auto:自动加载,网页加载完就加载整个音频。
muted属性:静音效果。
登录后复制
加了muted属性,音频即使在播放的时候,也是没有声音,除非用户手动调整控制面板的音量。
相关推荐:《html视频教程》
以上就是html5用什么标记播放音乐的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2942184.html