个人需求版电脑端洛雪音乐是在github上的原项目的基础上进行了更改,主要是满足个人需求。
请关注原项目。
原项目地址:https://github.com/lyswhut/lx-music-desktop
现在来介绍一下这次都做了什么改动。
先说最让我满意的部分,播放详情页的唱片播放器和音频可视化。
原来的样式就是一个封面图甚至转都不会转,没什么特别的。我这次把唱片整体重做了,加了一个矢量黑胶唱片组件,唱片和封面图会一起旋转,外层做了一圈圆角水玻璃背景,颜色跟着你的深浅主题和主题色自动变,歌曲信息框也改成了同款水玻璃样式。
整体看起来。。。我只能说,切换到深色主题然后播放一首歌,感觉真的会不一样。
这是之前的浅色主题和深色主题:


这是现在的浅色主题和深色主题:


然后是唱片文字,这个是我自己加的一个有点意思的功能。
唱片的外圈可以弧形显示一段文字,有逐字出现、停留、逐字消失的循环动效,默认绕着唱片旋转,视觉上挺好看的。文字内容支持自定义,最多 64 个字符,写你喜欢的话、一句歌名、什么都行。
还有一个切换选项,可以把唱片文字改成当前播放歌词的一句,就是说唱片上显示的就是实时歌词,跟着音乐动。这个我自己用着挺不错的,音乐一放,歌词在唱片上流过去,那种感觉还挺奇妙的哈哈。这些配置项在播放详情页的设置里都可以找到,开关、切换模式、改文字内容都有对应入口。

这是默认的句子:

这是歌词:

说到主题适配,这次做得比较细。播放详情页的背景、播放状态栏、唱片外框、歌曲信息框,深色和浅色主题下用了不同的颜色方案,深色下歌词和信息区的可读性也专门加强了。以前用深色主题的时候,有些地方的字颜色跟背景差不多,看着很费眼,这次全改掉了。
底部播放栏也重新做了一遍,这块改动挺大的。
以前那个底栏就是几个播放按钮,很素。这次加入了歌曲封面、歌名、歌手、专辑信息,工具入口也丰富了很多,播放队列、评论、歌词文本、音效、音量、循环、收藏,常用的功能基本上都能从底栏直接进。播放暂停按钮的图标居中顺手也修了,整体样式跟着主题色走,统一很多。
歌单内搜索这个功能,坦率的讲,是被需求逼出来的。
我自己用的时候有时要从一百多首的歌单里找某一首,以前的做法是把列表翻一遍,或者靠印象大概知道在哪,很麻烦。这次在歌单顶部加了一个常驻搜索框,输入关键词后直接过滤当前歌单,只显示匹配的歌曲,支持清空搜索,无结果也有提示。
有个细节是,搜索状态下播放仍然按原歌单的真实索引来走,不会因为过滤了显示就乱掉播放顺序。


音频可视化这块,原来的效果说实话比较简陋。这次改成了频谱条加波形层的组合,颜色跟着主题色走,视觉上现代很多。在播放详情页的底栏加了一个开关,想看就打开,想专注听歌就关掉,不打扰。

还有三个问题的修复,放在一起说。
稍后播放这块,以前添加进去的歌曲有时候封面是空的,因为封面数据没提前加载好,看起来一堆灰色方块,有点难看。这次改了,添加到稍后播放的时候会提前把封面补全,另外稍后播放列表里的歌曲现在可以直接点击播放了,上一首下一首的逻辑也加强了,不再是之前那种有点割裂的状态。
原来添加稍后播放的歌曲后,点击播放上一首歌曲会将上一首歌曲删掉,现在将这个问题修复了,不会再将上一首歌曲删掉。
排行榜和在线歌曲的封面补全也处理了,酷狗排行榜以前封面有时候加载不出来,这次做了额外兼容,基本上现在都能正常显示。
以上就是本次的所有改动和修复的问题。
到最后看一下视频效果吧。
需要注意的一点是:由于支持Win7的Electron版本太低 + Win7系统能力限制,一些动态特效和组件样式显示不了。
链接: https://pan.baidu.com/s/1XoyH50GhBcEZ_IUFlZl19w?pwd=10bj提取码: 10bj链接:https://pan.quark.cn/s/fc7d13e66958?pwd=qSHm提取码:qSHm
夜雨聆风