如何在HTML,H5,JSP等前端网页中添加自己喜欢的音乐mp3等音频播放代码

2024-02-13 2,383 0

HTML,H5,JSP等前端中,如何嵌入或引用mp3等格式文件,嵌入的方式特别简单,只需要一行代码就可以搞定。

下面举例说明,在前端页面中添加如下标签代码:

<audio src="音频链接地址" controls id="audio"></audio>

嵌入后的前端显示效果为:

引用上方代码的朋友们会发现音乐没有实现自动播放,还需要我们手动点击播放才可以。那么,我们就将代码添加一些控制就好了。

代码如下:

<audio src="音频链接地址" autoplay="autoplay" loop="loop" muted controls="" id="audio"></audio>

其中控制元素muted是默认静音,可根据自行喜好进行删减。


声明
本站内大部分文字、图文作品版权归博主所有;少量内容转载于互联网,转载仅作信息分享使用,尽可能标注原文出处。 若您认为本站内容存在侵权行为,请提供相关权属证明与联系方式联系我,我们收到核实后将及时删除、更正相关内容。
公众号

公众号

小程序

小程序

相关文章

我要自学网还在啊
用Trae开发了适配主题的微信小程序
一分之憾:GESP图形化考级成绩已出
WordPress如何实现博主在线状态实时显示功能
Scratch图形化求水仙花数及奇偶数
Python中的素数、最大公约数最小公约数、斐波那契数列

发布评论

网络连接已断开,请检查网络设置