一个月，Vue四件套，专为移动端深度优化的第三方网易云 WebApp
<p>这年代真的很魔幻：物价在涨、黄金在涨，人都在悄悄发福，<s>更别说内存条蒸蒸日上</s>。结果回头一看，音乐软件也跟着 “发福” 到离谱。<br>就拿网易云来说，十年间安装包膨胀十几倍，从一个纯粹的播放器，硬生生塞成了集直播、K 歌、社区、短视频、商城于一体的 “全能平台”。权限越要越多，体积越更越大，对于性能不怎么好的设备，打开就卡，耗电还猛。对比下来，我都觉得 B 站算得上良心至极了。<br>
电脑端还有 YesPlayMusic 这种清流可以救场，可移动端翻了一圈，居然没找到一个真正为轻量化、小屏设备优化的替代品。刚好我最近发现Kimi悄咪咪地升级，加上了 K2.5 视觉能力。最好自己也有刚需 —— 手表装不下臃肿官方 APP，原生手表版功能又太鸡肋。<br>
索性自己动手，一个月，从零撸了一个轻量音乐播放器。<br>
开源：https://github.com/imzlh/NeWplayer<br>
在线体验：https://np.imzlh.top/ （反正不是自己的服务器不心疼）</p>
<h1 id="关于这个小播放器">关于这个小播放器</h1>
<p>项目最初是给智能手表做的，后来顺手适配了手机。门槛极低：屏幕分辨率大于 300×300 就能流畅运行。<br>
整体走极简暗色风格，界面干净克制，只专注听歌这件事，不抢戏、不打扰。<br>
后端还是大名鼎鼎的NCMApi，为了极致性能除了axios和vue没有任何依赖<br>
整个网页大小 400k，小巧可不是开玩笑的</p>
<h1 id="特色功能多端同步">特色功能：多端同步</h1>
<p>你以为每到一台设备上都要再次登录？不，搭配 KV，可以自动登录！<br>
(DevTools设备模拟，预设：低端移动设备)</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211203601162-777972329.gif"></p>
<h1 id="播放器">播放器</h1>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211195449700-1915963022.png"></p>
<p>播放器我自认为完全够用，特别是小屏幕还是能显示完全。当然，别缩放地太猛</p>
<h1 id="首页">首页</h1>
<p>首页保留了大家最常用的核心入口：私人 FM、每日推荐、推荐歌单…… 该有的都有。<br>
不得不说，Kimi的设计还是不错的，特别适合手机使用，暗色风格也没喧宾夺主<br>
更惊喜的是，借助 NCMApi，无需登录也能正常获取推荐歌单，体验意外地顺滑。<br>
只是 Kimi 真的总是偷奸耍滑，我这个包工头验收发现一堆没操作的空按键，还有没作用的代码...</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211195922053-1380762440.png"></p>
<p>当然，当初K2.5写的代码缺斤少两，私人FM就被砍掉了<br>
最让我惊异的是，不需要登陆也有推荐...？NCMApi好神奇！</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211200137403-1655780817.png"></p>
<h1 id="歌单">歌单</h1>
<p>歌单和评论可以说是网易云的灵魂，这块我自然没落下。<br>
怎么可以没有歌单呢？</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211200707310-1728214715.png"></p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211200625670-973678109.png"></p>
<h1 id="用户">用户</h1>
<p>想来想去，还是加上了。<br>
毕竟，海内存知己，天涯若比邻，岂不美哉？<br>
（这是示例，随便选了个人，不是说挂个人什么的...）</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211201213295-1599633865.png"></p>
<h1 id="特色功能">特色功能</h1>
<p>没想到吧，NewPlayer支持应用内调节缩放</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211201314267-390277206.png"></p>
<p>播放界面包含的功能也挺多。<br>
其实我一直很好奇，为何YesPlayMusic没有“下载”功能呢</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211201538171-698421045.png"></p>
<p>还有登录功能没有残缺，给大家看看短信验证功能。实测是可以使用的</p>
<p><img src="https://img2024.cnblogs.com/blog/2633867/202602/2633867-20260211202654688-637079543.png"></p>
<h1 id="最后瞎聊两句">最后瞎聊两句</h1>
<p>现在的 APP 总喜欢无限堆功能，好像不做成 “超级应用” 就不算完<br>
但至少对我来说，我们要的真的很简单：<strong>一个打开快、占用小、能安安静静听歌的工具而已</strong><br>
这个小项目也算我对这种 “臃肿化” 的一点小小反抗<br>
如果你也烦透了官方 APP 的花里胡哨，这种轻量化、只专注听歌的第三方播放器，应该会很对你胃口</p>
<hr>
<p>经过AI优化，当然大部分都是我写的</p><br><br>
来源：https://www.cnblogs.com/imzlh/p/19605917
頁:
[1]