关于用React-native开发音乐播放器的想法

上个月在门外捡了一根iphone6的数据线,突然就动了买iphone7的念头,难道为了不浪费一根数据线要消费一部iphone7么?。讲个笑话当是开场白。
为什么要写这篇文章呢?起源于仿网易云音乐的唱片效果。写作这篇文章的目的其实就是为了练习动画效果.没想到很多网友对功能提出了更多的要求.于是乎功能要求越来越多啦!在15年学习appcan的时候曾经也想做一个音乐播放器来着,这段时间也琢磨了一些功能要求了.我试着把基本功能实现的思路讲一下.有时间再实现.

大体都构架是

  • 框架采用react/react-redux/redux-saga,这个在我现在看来必须的.

  • API采用豆瓣音乐的API,这个没有仔细看,里面提供了mp3的信息和地址.使用信息解决搜索,列表的问题.在线或者离线播放这个问题我没有思考过,如果是在线播放可以考虑的是嵌入h5的标签来解决,本地播放需要考虑播放的组件和文件下载的问题.

  • 播放界面的问题,其实就是那个唱片动画了,要解决暂停和停止的问题,其实就是用户和UI界面的交互问题.在有的播放器中唱片上放置了一个唱针,这个唱针可以使用按钮来实现,这个组件的方法属性是接受用户的操作toggle一个state,唱片动画根据这个state来控制动画的变化.
    这个其实使用redux来解决问题更好办,唱片动画这个组件订阅唱针的state.

  • 歌词的同步问题,这个没有任何头绪啊!这一块是有ios和android的组件可以包装来使用还是需要原生实现。留个问号。

  • 点赞和评论部分,这个需要外部的服务器来实现。

还有细节没想到啊.有意做的童鞋可以集思广益。

你可能感兴趣的:(关于用React-native开发音乐播放器的想法)