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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 1 积分

引入文件

在页面中引入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');
});