注册微信小程序开发者很久了,一直没有想好做什么,最近得空,想做个音乐播放器,甚好。目前小程序生态经过几年发展,也有了几个不错框架,比较 wepy / mpvue / taro,最后选择taro,主要是基于其一处开发,多处运行及生态较大,相关配件完善。目前小程序主要是音乐和诗歌两个基本模块,小程序二维码如下,由于该版本是体验版,所以想要体验的可以留言,我会加你到体验用户名单(为什么不是线上版本呢,因为音乐版权,小程序审核是不通过的哈哈)
1、音乐:
音乐模块主要目的是实现单曲的播放,主要功能包括:音乐列表、排行榜、播放/暂停、上/下一首,循环/自动播放、歌词,搜索,主要逻辑是首屏加载音乐列表,保存当前最新的列表,点击选中歌曲后跳转详情页自动播放,同步播放状态
1、音乐列表:该功能主要是展示音乐列表,这里需要注意是UI排布
[metaslider id=7741]
2、排行榜:主要根据不同类型获取排行榜,并且可以进入排行榜查看详情,点击播放(播放为TODO状态)
[metaslider id=7517]
3、播放/暂停:这里查看小程序API即可,需要留意的是音频API调用背景音频管理器 BackgroundAudioManager ,该API可以在小程序退出和熄屏状态下继续播放音乐,符合我们的认知习惯
[metaslider id=7751]
4、上/下一首:该功能通过遍历播放列表获取当前歌曲播放位置信息,从而获取上/下首歌曲信息,还有一种思路也可尝试,即通过路由传递上/下信息
5.歌词:这里主要针对歌词格式处理,展示当前播放歌词和上一句/下一句,在歌曲播放过程中 onTimeUpdate() 根据时间同步歌词播放
[metaslider id=7753]
6.搜索:支持歌曲和歌手搜索,搜索完成后刷新列表,现在暂未接入用户信息(TODO),接入后可进行歌曲推荐和播放记录保存
2、诗歌:
该模块主要实现诗歌自动展示和翻译查看(部分无翻译),目前考虑和时间节气结合,会比较有意思,该模块是纯粹展示,可以分享的不多,这里的重点在 UI 展示,目前如下:
[metaslider id=7755]
3、API:
音乐和诗歌API,目前使用其他服务提供的API,不再详述,后续有时间希望能够搭建一个个人的后台服务,这样自由度会更大一些,可控性强,后续会继续完善这个小程序
4、参考:
2.微信小程序
buying cialis online
buy accutane 40 mg online[/url]
Pingback: 2019年终总结 - 靜言思之
不赖!真的不赖!
你是广告吗
你好 我的微信号是201030050,麻烦加一下我 ,感觉不错 体验一下~?
你是拖吗?