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

2024-02-13 946 0

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

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

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

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

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

代码如下:

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

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


免责声明
本站内容(教程、软件、资料等)仅供个人学习研究之用,严禁用于商业或非法目的,使用风险自负。博客部分内容来源自网络,版权归属原作者,本站不承担相关版权责任。请在试用下载后24小时内删除相关资源,支持正版。
如涉及侵权,请通过邮件:gouweicaosheji#163.com与我联系处理。
公众号

公众号

小程序

小程序

相关文章

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

发布评论