我为什么要更新音乐播放器?这几个月都做了什么...

新版明月浩空音乐播放器控制面板,播放器控制界面:

明月浩空音乐播放器新版已经重做升级完毕,同时支持免费注册体验24小时,新版地址:https://player.limh.me

聊一聊我为什么要更新音乐播放器,和我这么久都更新了什么...

明月浩空音乐播放器项目从2014年启动,到今天几乎从没断过更新,但是这一次,从程序环境、框架、底层、接口、前端UI,几乎重做级别的升级重写了

为什么要更新?

首先,旧控制台技术不成熟,用户管理复杂,歌单管理繁琐,移动端操作困难

旧版本控制台我记得当时因为播放器插件原本是在后台设置歌曲和对应的ID,但是这么做,当你有100首歌曲的时候,你会眼花缭乱,而且用户也逐渐增多,我觉得时候做一个控制面板来管理播放器

由于当时html5技术文档不如现在,和诸多原因,当时我花了3个多月,基于Emlog博客程序,修改模板,成功实现用户注册,登录和管理歌单等操作,我还记得是大夏天,喝了很多雪碧,因为一个功能搞不好焦头烂额,光拖拽排序都弄了好久,尝试了很多种方案,最后才确定下来...

虽然当时已经实现了想要的多专辑和歌单拖拽排序功能,但是无法实现专辑拖拽排序(还是懒,没做完就弃坑了)

歌单以js文件保存在服务器里,会导致加载,保存,以及新建用户极度不方便,同时导致二次开发难度极大,首先需要读出文件、格式化数组、遍历数组、输出、想想就痛苦

如果你购买一个播放器,我需要登录Emlog后台新建一个用户名和密码,然后去服务器,拷贝一个默认歌单文件夹,复制到user目录,给读写权限,然后去授权平台,新建一个账户授权信息,然后登录新建的用户名和密码,验证无误即可交付给客户

而且兼容存在很大的问题,比如GBK网站,或者不支持插件的网站,虽然有生成代码,但是每次更新,要重做几个程序的对应插件,要同步服务器的调用代码文件,看上去很轻松,但是假设插件设置里新增一个开关,就要给每个版本对应的插件写一遍新功能(语法都不同)

勉强用了4年多,实在扛不住了,看着本地乱七八糟的版本和文件,干脆基于自己预想的效果,重做!

都有哪些需要重做?

1,保留前端界面,左边3条歌曲详情,右边3条时间,随机和歌词加载信息,中间专辑图片旋转,下方音量调节,进度条,歌词开关等

这个界面从大改版到现在几乎都没怎么变过,除了某几个版本,读取歌词会显示歌词获取中,几乎没有对整体进行改动

也许是情怀,但更多的是用户喜欢现在的样式,否则他们也不会来购买我的作品,其中主要因素一定是前端UI

重做之后,几乎重写了前端全部UI,容器ID正式命名:myhkplayer(之前是wenkmplayer),在这里还是要感谢我的好朋友文科名对播放器内核提供的原始创作

同时满足用户需求,对播放器主界面进行了必要的新增更新,比如模糊背景等

2,去除KSC歌词功能,优化LRC歌词

KSC歌词一直存在内存溢出问题,当初因为这个问题,我特意找过kevin,问他当时写这个播放器内核的时候,这个问题有没有什么解决方案,他只告诉我,每次加载新的KSC歌词,清空老的(缓存之类的东西)

也许是技术原因或者无解,我尝试了多个版本均无法解决这个隐藏Bug,所以这次重做之后直接删除掉这个华而不实的KSC功能

(该Bug会导致播放器加载KSC歌词播放过久浏览器直接无响应卡死)

3,优化手机端加载

播放器手机端加载之前一直没有好好重视过,首先因为之前手机卡有流量限制等原因,其次是用户需求真的不高

但是现在的电话卡动不动就无限流量,所以是时候好好把播放器兼容手机端了

而且旧的控制面板没有响应式,手机操作特别不方便,甚至添加歌曲都很困难

这次重做之后,无论前端播放器还是后台控制面板,都已经完美兼容各种移动设备

89251548058308.pngae3a1548058309.png

4,底层框架

之前采用的Emlog程序,虽然很开放,但是对应的文档实在过少(虽然我是老鸟但是还是感觉都需要原生语法支持很麻烦)

重做之后采用轻快的LayUI2.4.5,基于PHP7.3.1和MySQL 5.7

logo.png

5,多线登录

由于部分用户对音乐播放器主站CDN访问过慢,导致控制台登录,管理困难,重做之后采用多条CDN线路,用户可自由选择合适的线路登录管理和添加对应线路的播放器代码

QQ图片20190207223152.png

6,登录注册

所谓防君子不防小人,虽然登录是没有任何验证码的,但是说实话,登录的安全性并没有想象中的那么高,简单点说就是,就算别人登上了你的账号,能做的事情顶多是删除播放器和歌单,也做不了其他的重要的事情

重做之后用户可直接注册,这个页面我搞了有几天,因为防垃圾注册,最开始想用验证码解决,但是显得很Low,所以改来改去后来在注册界面显示一个按钮,获取注册码,点击之后,链接服务端,下发一个32位加密的随机临时注册码,当你复制这个注册码填写,提交注册,才可以成功注册账号

QQ图片20190207223304.png

7,找回密码

之前真的是受够了用户忘记密码,因为只能联系我,我登录Emlog后台强制修改用户的密码,所以之前我在插件里新增了2个输入框,用于保存账号密码

(完全是为了记忆自己的密码,不会被任何调用)

重做之后用户可直接使用账号和绑定的QQ号申请找回密码,申请后,系统会下发一个24小时有效的授权码到绑定的QQ邮箱,用户使用授权码可直接无条件修改密码

而且完全不需要担心授权码泄露等安全问题,因为首先有24小时有效期,过期失效,用最强大的电脑也无法24小时内算出对应的授权码,就算知道授权码,修改密码成功了,也不知道修改了哪个用户,因为只有申请人才知道自己的账号

QQ图片20190207223414.png

8,歌单排序

旧版是强制六个专辑+15个调用,可以任意开启或关闭其中的专辑,但不可排序

虽然歌单排序功能并没有那么重要(大不了手动修改歌单信息来达到排序目的)

重做之后,账户下可创建无限个歌单,并从上往下依次排序,歌单添加到播放器可鼠标拖拽任意排序,任意删除播放器歌单,歌单不添加到播放器则不加载,无需删除

QQ图片20190207223534.png

9,同账户多个播放器

说实话,这个功能最开始都有想过,无奈旧面板原因无法实现,这一点我承认市面上的各大盗版播放器相对旧版本来说确实优秀一些

重做之后用户拥有播放器额度,并可低价购买额度,使用额度可任意创建,删除账户下的播放器,每个播放器的歌单,信息和自定义设置完全独立

同账户下的所有播放器均可任意添加账户下所有歌单(共享形式)歌单添加给播放器就加载,不添加也不需要删除,不会重复加载

QQ图片20190207223635.png

10,用户级别

之前只有免费版和商业版,这次重做之后新推出几个新版本,后期可能会有更多版本支持

包月版,就是8元一月,20一季度,38半年的版本

商业版,就是之前的200元永久老用户

代理版,这个是新出的版本,代理版开通就有20个播放器额度,可以任意控制20个播放器的歌单和信息,同时支持开通商业版账户功能(需购买开户额度),且拥有修改密码,删除账户等管理子账户功能

QQ图片20190207224132.png

11,添加歌曲

旧版本是直接使用歌曲ID和歌曲网址手动添加,或者去调用管理新增调用歌单

重做之后,保留之前的歌曲ID和歌曲网址添加,新增搜索添加,可选择QQ,网易,直接搜索歌曲添加到歌单

同时新增添加自定义网址的歌曲,手动填写专辑图片JPG地址,歌曲MP3地址,歌词LRC地址

可以在歌单设置里直接选择将歌单变更为调用歌单,填写调用ID即可在歌单原有歌曲的基础上调用网易,QQ歌单(不打开调用就是自定义添加的歌曲)

QQ图片20190207224339.png

12,域名授权

重做之后保留之前的风格,每个播放器都可以授权域名使用,填写顶级域名即可泛授权所有子域名,同时没有授权信息或者没有歌单都会提示未授权,而不是之前的卡死初始化

13,音乐主页

之前的音乐主页可以使用自己的用户名,后面加上limh.me就能打开自己的音乐主页

重做之后,每个播放器都有域名注册功能,可以给每个播放器注册一个域名

比如我的播放器注册的域名是666,那么访问https://666.limh.me就是我的音乐播放器音乐主页

QQ图片20190207224615.png

14,代理平台

代理版账户购买开户额度后,菜单会新增代理平台面板,可创建商业版账户,可控制所创建账户的授权到期时间,重设密码等操作

QQ图片20190207224746.png

版权声明:若无特殊注明,本文为《明月浩空》原创,转载请保留文章出处。
本文链接:https://limh.me/myhk_player_update.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...

已有13条吐槽

丘八

2个月前 (02-26) 江西省九江市电信
活捉大佬一只
 Windows 7 x64   Firefox 61.0

IT技术宅

2个月前 (02-26) 广东省深圳市福田区电信
支持一下
 Windows 10 x64   Google Chrome 72.0.3626.119

明月浩空

2个月前 (02-26)
@IT技术宅:face 感谢大佬支持,新版重做部分参考了大佬开源的宅音乐,加上之前积累的思路,互相学习

IT技术宅

2个月前 (02-26) 广东省深圳市福田区电信
@明月浩空:互相学习 face
 Windows 10 x64   Google Chrome 72.0.3626.119

演员

2个月前 (02-19) 贵州省贵阳市电信
支持一下!
 Windows 7 x64   Google Chrome 63.0.3239.132

匿名

2个月前 (02-18) 天津市移动
签到成功!签到时间:下午8:16:38,每日打卡,生活更精彩哦~
 Windows 7 x64   QQBrowser 10.3.2601.400

夜光

2个月前 (02-18) 河南省郑州市联通
签到成功!签到时间:20:10:31 GMT+0800 (CST),每日打卡,生活更精彩哦~
 Xiaomi 4   MQQBrowser 9.0

雨的味道

3个月前 (02-08) 江苏省常州市电信
明月浩空牛逼  face
 Windows 7   Google Chrome 65.0.3325.181

That year 1997

3个月前 (02-08) 北京市移动
明月浩空牛逼 face
 Windows 10 x64   UC Browser 6.2.4094.1

耗子

3个月前 (02-08) 广西柳州市移动
我来了,浩哥666
 Android 8.0.0   MIUI Browser 10.2.11

上善若水

3个月前 (02-08) 广东省湛江市电信
浩哥牛b,播放器越来越强大
 Apple iPhone   QQ 7.9.8.464

啸勇

3个月前 (02-07) 广东省惠州市联通
face 好羞射,文章真的好赞啊,顶博主!
 Windows 7 x64   Google Chrome 63.0.3239.132

Nanan

3个月前 (02-07) 河南省开封市移动
我是第一 face
 Apple iPhone   Safari 12.0