微信小程序初探

 

转载自：静言思之---喵星人的小世界 

---

注册微信小程序开发者很久了，一直没有想好做什么，最近得空，想做个音乐播放器，甚好。目前小程序生态经过几年发展，也有了几个不错框架，比较 wepy / mpvue / taro，最后选择taro,主要是基于其一处开发，多处运行及生态较大，相关配件完善。目前小程序主要是音乐和诗歌两个基本模块，小程序二维码如下，由于该版本是体验版，所以想要体验的可以留言，我会加你到体验用户名单（为什么不是线上版本呢，因为音乐版权，小程序审核是不通过的哈哈）

---

1、音乐：

---

音乐模块主要目的是实现单曲的播放，主要功能包括：音乐列表、排行榜、播放/暂停、上/下一首，循环/自动播放、歌词，搜索，主要逻辑是首屏加载音乐列表，保存当前最新的列表，点击选中歌曲后跳转详情页自动播放，同步播放状态

1、音乐列表：该功能主要是展示音乐列表，这里需要注意是UI排布

2、排行榜：主要根据不同类型获取排行榜，并且可以进入排行榜查看详情，点击播放（播放为TODO状态）

3、播放/暂停：这里查看小程序API即可，需要留意的是音频API调用背景音频管理器 BackgroundAudioManager ，该API可以在小程序退出和熄屏状态下继续播放音乐，符合我们的认知习惯

4、上/下一首：该功能通过遍历播放列表获取当前歌曲播放位置信息，从而获取上/下首歌曲信息，还有一种思路也可尝试，即通过路由传递上/下信息

5.歌词：这里主要针对歌词格式处理，展示当前播放歌词和上一句/下一句，在歌曲播放过程中 onTimeUpdate() 根据时间同步歌词播放

6.搜索：支持歌曲和歌手搜索，搜索完成后刷新列表，现在暂未接入用户信息（TODO），接入后可进行歌曲推荐和播放记录保存

---

2、诗歌：

---

该模块主要实现诗歌自动展示和翻译查看（部分无翻译），目前考虑和时间节气结合，会比较有意思，该模块是纯粹展示，可以分享的不多，这里的重点在 UI 展示，目前如下：

---

3、API：

---

音乐和诗歌API，目前使用其他服务提供的API，不再详述，后续有时间希望能够搭建一个个人的后台服务，这样自由度会更大一些，可控性强,后续会继续完善这个小程序

---

4、参考：

---

1.Taro 多端统一开放方案

2.微信小程序

---