HTML5实现迷你音频播放器效果


这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净,可以自定义操作按钮,可以为页面提供最小的音乐播放器功能。HTML5实现迷你音频播放器效果

HTML5实现迷你音频播放器效果

引入文件

在页面中引入main.min.css和app.js文件。

<link rel="stylesheet" href="main.min.css">
<script src="app.js"></script>

HTML结构

使用下面的HTML结构来构建一个音频播放器。

<div class="example">
<audio crossorigin>
<source src="1.mp3" type="audio/mpeg">
</audio>
</div>

初始化插件

然后在页面DOM元素加载完毕之后,通过下面的方法来初始化该音频播放器插件。

document.addEventListener('DOMContentLoaded', function() {
new GreenAudioPlayer('.example');
});
1、本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系客服QQ27543711,我们将尽快处理。
2、如果在本站付款后未出现下载链接或者下载存在问题请联系客服。【客服QQ:27543711】
3、如果用户购买源码后且源码存在无法安装类根本性问题请联系客服进行退款。
4、【重要】添加客服QQ的时候麻烦备注下来意,防止误忽略。
汇码网 » HTML5实现迷你音频播放器效果