Electron+React打造颜值爆棚的喜马拉雅客户端：Mob诞生记

嗨，各位声音爱好者！

最近，我沉迷于喜马拉雅，在相声、段子、新闻和英语听力中流连忘返，可谓“上班摸鱼，学习两不误”。可是，上班时没有桌面端，用网页版又总是遇到些小问题，真是让人抓耳挠腮。

官方迟迟不推出桌面端，我只好自己动手了。在参考Moon FM的颜值设计后，一款名为Mob的喜马拉雅桌面端客户端诞生了。下面，就让我们一起回顾它的诞生之旅吧！

缘起：从缺憾到需求

起初，我仅仅是想解决喜马拉雅网页端的bug问题。但随着使用时间的增加，我发现网页端的局限性远不止此：

• 无法后台播放，一关闭浏览器，音乐就停了；
• 界面卡顿，影响听觉体验；
• 功能有限，无法自定义设置。

这些缺憾激发了我打造一款独立桌面端的想法。它不仅能解决网页端的痛点，还能带来更丰富的功能和个性化体验。

技术选型：Electron+React的完美组合

经过一番调研，我选择了Electron和React作为技术栈：

• Electron：一个用于构建跨平台桌面应用程序的框架，可以轻松访问底层操作系统；
• React：一个流行的前端库，以其组件化和声明式编程而著称。

这两种技术的结合，可以让我快速构建一个功能强大、界面美观的桌面端应用。

设计：以人为本，颜值至上

在设计Mob时，我始终坚持以人为本的理念。界面简洁明了，操作简单易懂，让用户能够专注于聆听内容，不受干扰。

此外，颜值也是我重点考虑的因素。参考Moon FM的时尚设计，我为Mob赋予了沉稳的黑色调，辅以轻盈的蓝色点缀，营造出一种优雅而现代的视觉效果。

功能：全面而实用

除了基本的播放功能外，Mob还提供了丰富的实用功能：

• 后台播放： 释放你的浏览器，享受无缝的音乐盛宴；
• 快捷键支持： 提升你的操作效率，用键盘轻松控制播放；
• 个性化设置： 根据你的喜好定制播放器界面，打造专属的听觉空间。

细节：追求极致，精益求精

在开发过程中，我注重每个细节的打磨：

• 优化了界面流畅度，让操作丝滑如水；
• 精心调教了音频播放器，带来高品质的听觉体验；
• 仔细检查了代码的每一行，确保稳定性和可靠性。

结语：Mob的诞生，只为更好的聆听体验

Mob的诞生，不仅解决了喜马拉雅网页端的问题，更重要的是，它为用户带来了更舒适、更丰富的听觉体验。在它陪伴下，你可以尽情沉浸在喜马拉雅的浩瀚声海中，享受一段段精彩的视听之旅。

如果你和我一样，也对Mob感兴趣，欢迎访问它的GitHub仓库：https://github.com/linianhui/Mob

让我们一起，用技术的力量，让声音之美触达每个角落！