在HTML,H5,JSP等前端音乐mp3等音频播放代码

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

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

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

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

图片[1]-在HTML,H5,JSP等前端音乐mp3等音频播放代码-AA源码网 | 源码收藏

拓展

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

代码如下

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

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

图片[2]-在HTML,H5,JSP等前端音乐mp3等音频播放代码-AA源码网 | 源码收藏
温馨提示:若内容/图片/下载链接失效,请在下方留言或登录后私信站长

本文结束END


© 版权声明
THE END
喜欢就支持一下吧
点赞359赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容