喵星人的小世界

喵星人的小世界


注册微信小程序开发者很久了,一直没有想好做什么,最近得空,想做个音乐播放器,甚好。目前小程序生态经过几年发展,也有了几个不错框架,比较 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.微信小程序


4 thoughts on “喵星人的小世界

发表评论

电子邮件地址不会被公开。 必填项已用*标注