HTML,H5,JSP等前端中,如何嵌入或引用mp3等格式文件,嵌入的方式特别简单,只需要一行代码就可以搞定。
下面举例说明,在前端页面中添加如下标签代码:
<audio src="音频链接地址" controls id="audio"></audio>
嵌入后的前端显示效果为:
![图片[1]-在HTML,H5,JSP等前端音乐mp3等音频播放代码-AA源码网 | 源码收藏](https://images.aaym.net/2024/01/20240111170929737-458636ac76539d86f64f50246acf208a_2020021611230189.png!/format/webp/lossless/true)
拓展
引用上方代码的朋友们会发现音乐没有实现自动播放,还需要我们手动点击播放才可以。那么,我们就将代码添加一些控制就好了。
代码如下
<audio src="音频链接地址" autoplay="autoplay" loop="loop" muted controls="" id="audio"></audio>
其中控制元素muted
是默认静音,可根据自行喜好进行删减。
![图片[2]-在HTML,H5,JSP等前端音乐mp3等音频播放代码-AA源码网 | 源码收藏](https://images.aaym.net/2024/01/20240111171832785-5aa5917efa359d4d4d4e5cc08963408a_593a479e9537f_610.jpg!/format/webp/lossless/true)
本文结束END

© 版权声明
THE END
暂无评论内容