基于作者孟坤写的 MKOnlinePlayer_v2.41 音乐播放器,我进行了一些我的想法修改。有网友联系我觉得修改后版本的挺不错的,我之前没时间整理代码就没分享出来。现在已经整理好了,有喜欢的就可以去下载,关于部署的问题就不要问我了
在用站点 Awkins音乐
演示站点 Awkins演示
下载源码 蓝奏云 | 扫码关注文章下方公众号,发送awkins关键词获取密码
修改和增加哪些
## 修改内容:
1、界面美化(按我的想法)
2、播放记录(浏览器存储类型修改为对象,方便获取歌单名称展示)
3、固定标题(固定播放信息栏,不随列表滚动)
4、背景模糊(歌曲图片背景全屏模糊效果,修改透明度不遮挡背景图,可以在functions.js自行调整)
5、小屏样式(修改了小屏幕下放播放控制布局)
6、歌曲搜索(酷狗、百度、虾米已经失效,只保留网易和QQ)
7、歌单列表(显示为小图展示方式,我并不满意没想到到好的展示想法)
8、进度条(改为渐变色)
9、播放列表(去掉了下载和分享按钮,只保留一个播放)
10、去除滚动(不使用滚动条插件)
## 增加功能:
1、歌曲名称(在播放器区域,歌曲图片上方显示当前在播歌曲名称)
2、倍速播放(可以自由选择倍速,在index.html可以自行修改)
3、歌曲时间(显示当前歌曲时长,播放时长)
4、歌词翻译(默认显示翻译,可关闭。实时滚动正在播放那句歌词在正中间)
5、歌曲全屏(歌词全屏居中显示)
6、歌词隐显(可以选择只显示正在播放的那句歌词)
7、下载歌曲(改写下载歌曲方法,点击直接下载不是新窗口打开文件地址)
8、下载歌词(这个是别人写的下载歌词方法,我直接拿来用了。如果歌曲有翻译,我顺便把翻译歌词也加进去了,不需要的话可以在functions.js对应函数中去掉)
9、当前歌单(播放列表上面显示当前是那个歌单的中歌曲)
10、歌手专辑(点击歌手和专辑,可以直接搜索,直接用别人的代码)
11、歌单标题(区分下默认添加的歌单和用户同步的歌单,如果默认歌单数量有变,需要在awkins.js修改用户歌单标题插入位置)
12、背景设置(自定义设置背景图片,默认1周过期。重置背景或清理浏览器缓存则失效)
13、随机背景(默认从设置的背景图片中随机一张作为背景图,默认1小时过期)
14、动态粒子(默认底部彩色粒子,和背景设置中背景粒子,不需要的话都可以直接改代码去掉)
15、信息说明(增加一个说明的按钮,里面可以放一些说明,谷歌或百度广告,我认为直接放界面上影响美观)
16、歌单广告(百度广告隐藏在歌单中,和歌单显示无区别,可以每次动态插入位置。代码中我去掉了,需要的话联系我,我觉得意义不大)
17、网站弹窗(打开网站弹窗,这个有需要的可以自己在funcions.js函数中添加,直接调用layer组件就可以了)
## 其他
当然你们还有更好的想法和动手能力,我这里就是基于我的想法进行了修改
电脑版效果预览
手机版效果预览
文章链接地址:https://wojc.cn/archives/1575.html
本站文章除注明[转载|引用|来源],均为本站原创内容,转载前请注明出处
支持 支持
感谢分享
感谢分享