上个月在门外捡了一根iphone6的数据线,突然就动了买iphone7的念头,难道为了不浪费一根数据线要消费一部iphone7么?😁。讲个笑话当是开场白。
为什么要写这篇文章呢?起源于仿网易云音乐的唱片效果。写作这篇文章的目的其实就是为了练习动画效果.没想到很多网友对功能提出了更多的要求.于是乎功能要求越来越多啦！在15年学习appcan的时候曾经也想做一个音乐播放器来着,这段时间也琢磨了一些功能要求了.我试着把基本功能实现的思路讲一下.有时间再实现.
大体都构架是
-
框架采用react/react-redux/redux-saga,这个在我现在看来必须的.
-
API采用豆瓣音乐的API,这个没有仔细看，里面提供了mp3的信息和地址.使用信息解决搜索,列表的问题.在线或者离线播放这个问题我没有思考过,如果是在线播放可以考虑的是嵌入h5的标签来解决,本地播放需要考虑播放的组件和文件下载的问题.
-
播放界面的问题,其实就是那个唱片动画了,要解决暂停和停止的问题,其实就是用户和UI界面的交互问题.在有的播放器中唱片上放置了一个唱针，这个唱针可以使用按钮来实现,这个组件的方法属性是接受用户的操作toggle一个state，唱片动画根据这个state来控制动画的变化.
这个其实使用redux来解决问题更好办,唱片动画这个组件订阅唱针的state. -
歌词的同步问题,这个没有任何头绪啊！这一块是有ios和android的组件可以包装来使用还是需要原生实现。留个问号。
-
点赞和评论部分，这个需要外部的服务器来实现。
还有细节没想到啊.有意做的童鞋可以集思广益。
网友评论