HTML5 可视化音乐播放器(附源码)

本文介绍了作者对一款音乐播放插件的改造过程,增加了如列表循环、顺序播放等功能,并扩展到Layui+jQuery版,支持拖拽添加音乐。提供了源码资源和在线预览链接供学习使用。
摘要由CSDN通过智能技术生成

一、前言

最近某音乐播放器越来越迷,以前下载的本地音乐没有版权也不能播放了…
特在网上找了个音乐播放插件,但功能实在简陋,特在其基础上进行了改造,并对其扩展至layui版(兼容)。
感兴趣的可以去查看源代码,仅供个人学习使用~

二、主要功能

  • 音频播放(及控制)
  • 循环播放模式(列表循环、顺序播放、单曲循环、随机播放)
  • 歌曲列表(播放指定歌曲)
  • 添加歌曲(扩展layui,支持拖拽添加)

三、效果图

在这里插入图片描述

四、主要介绍

主要样式分为2种,JS原生版、layui+jQuery版。前者在原创基础上,修改了一些功能,但都是纯js实现的(真不容易);后者在前者的基础上,实现了拖拽添加功能,样式更美观些。

1、关于原创/来源

声明:无意冒犯,个人借鉴学习使用,如有冒犯请联系笔者,谢谢~

2、关于JS原生版

<script src="./js/player.js" type="text/javascript"</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值