登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
导读
排行榜
资讯
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
写博客
小组
VIP申请
VIP网盘
网盘
联系我们
发帖说明
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
返回列表
首页
›
业界区
›
安全
›
一个月,Vue四件套,专为移动端深度优化的第三方网易云 ...
一个月,Vue四件套,专为移动端深度优化的第三方网易云 WebApp
[ 复制链接 ]
仁夹篇
2026-2-11 22:05:12
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
这年代真的很魔幻:物价在涨、黄金在涨,人都在悄悄发福,更别说内存条蒸蒸日上。结果回头一看,音乐软件也跟着 “发福” 到离谱。
就拿网易云来说,十年间安装包膨胀十几倍,从一个纯粹的播放器,硬生生塞成了集直播、K 歌、社区、短视频、商城于一体的 “全能平台”。权限越要越多,体积越更越大,对于性能不怎么好的设备,打开就卡,耗电还猛。对比下来,我都觉得 B 站算得上良心至极了。
电脑端还有 YesPlayMusic 这种清流可以救场,可移动端翻了一圈,居然没找到一个真正为轻量化、小屏设备优化的替代品。刚好我最近发现Kimi悄咪咪地升级,加上了 K2.5 视觉能力。最好自己也有刚需 —— 手表装不下臃肿官方 APP,原生手表版功能又太鸡肋。
索性自己动手,一个月,从零撸了一个轻量音乐播放器。
开源:https://github.com/imzlh/NeWplayer
在线体验:https://np.imzlh.top/ (反正不是自己的服务器不心疼)
关于这个小播放器
项目最初是给智能手表做的,后来顺手适配了手机。门槛极低:屏幕分辨率大于 300×300 就能流畅运行。
整体走极简暗色风格,界面干净克制,只专注听歌这件事,不抢戏、不打扰。
后端还是大名鼎鼎的NCMApi,为了极致性能除了axios和vue没有任何依赖
整个网页大小 400k,小巧可不是开玩笑的
特色功能:多端同步
你以为每到一台设备上都要再次登录?不,搭配 KV,可以自动登录!
(DevTools设备模拟,预设:低端移动设备)
播放器
播放器我自认为完全够用,特别是小屏幕还是能显示完全。当然,别缩放地太猛
首页
首页保留了大家最常用的核心入口:私人 FM、每日推荐、推荐歌单…… 该有的都有。
不得不说,Kimi的设计还是不错的,特别适合手机使用,暗色风格也没喧宾夺主
更惊喜的是,借助 NCMApi,无需登录也能正常获取推荐歌单,体验意外地顺滑。
只是 Kimi 真的总是偷奸耍滑,我这个包工头验收发现一堆没操作的空按键,还有没作用的代码...
当然,当初K2.5写的代码缺斤少两,私人FM就被砍掉了
最让我惊异的是,不需要登陆也有推荐...?NCMApi好神奇!
歌单
歌单和评论可以说是网易云的灵魂,这块我自然没落下。
怎么可以没有歌单呢?
用户
想来想去,还是加上了。
毕竟,海内存知己,天涯若比邻,岂不美哉?
(这是示例,随便选了个人,不是说挂个人什么的...)
特色功能
没想到吧,NewPlayer支持应用内调节缩放
播放界面包含的功能也挺多。
其实我一直很好奇,为何YesPlayMusic没有“下载”功能呢
还有登录功能没有残缺,给大家看看短信验证功能。实测是可以使用的
最后瞎聊两句
现在的 APP 总喜欢无限堆功能,好像不做成 “超级应用” 就不算完
但至少对我来说,我们要的真的很简单:
一个打开快、占用小、能安安静静听歌的工具而已
这个小项目也算我对这种 “臃肿化” 的一点小小反抗
如果你也烦透了官方 APP 的花里胡哨,这种轻量化、只专注听歌的第三方播放器,应该会很对你胃口
经过AI优化,当然大部分都是我写的
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
一个月
Vue
件套
专为
移动
相关帖子
unibest:基于 Vite + Vue 3 的 Uni-app 开发终极方案
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法(教程一)
一个月搞定100+表迁移:我的“偷师”Navicat实战复盘
vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制,异步显示隐藏菜单选项
vue 表格 vxe-table 如何设置列默认不显示,用户可以手动通过工具栏设置显示
vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段
vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法
Vue 中的 deep、v-deep 和 >>> 有什么区别?什么时候该用?
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
业界
unibest:基于 Vite + Vue 3 的 Uni-app 开发终极方案
22
364
屋稷删
2026-01-16
代码
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法(教程一)
22
898
钤凑讪
2026-01-16
业界
一个月搞定100+表迁移:我的“偷师”Navicat实战复盘
12
281
砂歹汤
2026-01-22
代码
vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制,异步显示隐藏菜单选项
18
47
肿抢
2026-01-27
代码
vue 表格 vxe-table 如何设置列默认不显示,用户可以手动通过工具栏设置显示
11
634
赶塑坠
2026-01-27
代码
vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段
12
605
梨恐
2026-01-28
代码
vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法
16
1012
厌外
2026-02-02
安全
Vue 中的 deep、v-deep 和 >>> 有什么区别?什么时候该用?
13
373
拍棹
2026-02-03
代码
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条
5
745
锷稠
2026-02-11
代码
vue 甘特图 vxe-gantt 设置每个进度条分为计划和实际两条,实现上下分布任务条
0
11
何书艺
2026-02-11
回复
(1)
猷浮
7 天前
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
yyds。多谢分享
聚怪闩
7 天前
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
感谢,下载保存了
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
业界
科技
签约作者
程序园优秀签约作者
发帖
仁夹篇
7 天前
关注
0
粉丝关注
26
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
3934307807
991124
anyue1937
9994892
kk14977
6845359
4
xiangqian
638210
5
宋子
9899
6
韶又彤
9918
7
闰咄阅
9993
8
刎唇
9995
9
蓬森莉
9884
10
遗憩
10006
查看更多
今日好文热榜
77
[LKD/Linux 内核] 关于对 current_thread_i
6
[LKD/Linux 内核] 关于对 current_thread_i
5
[LKD/Linux 内核] 关于对 current_thread_i
536
杂题选做(3)
4
9、PipedInputStream和PipedOutputStream的
752
凸优化数学基础笔记(五):极小值点的判定
856
【节点】[MainLightRealtimeShadow节点]原
11
【渗透测试】HTB靶场之WingData 全过程wp
381
2023年电赛国赛经历
534
从零开始学Flink:实时数仓与维表时态Join
987
Stanford-CS336-Lecture-01 学习理解
663
FastAPI实战:WebSocket长连接保持与心跳机
361
FPGA使用镜像加载技术来切换运行中的比特流
405
赋予 AI Agent “无限续航”:语义保护型上
407
企业健身房器材配置方案:拒绝纸上谈兵,上
4
读人工智能全球格局:未来趋势与中国位势09