关于前端:使用reactnative仿写一个qq音乐播放

67次阅读

共计 563 个字符,预计需要花费 2 分钟才能阅读完成。

最近在学习 react-native,就想说做个我的项目实际一下,于是决定仿写一下 QQ 音乐,接口是在 github 上找的一个我的项目,地址 QQMusicApi。我的项目是 expo 创立的,因为它能够间接运行 web 页面,比拟不便,本我的项目仅供学习参考。

地址

qq-music

成果预览

预览地址

没有特地的去还原 qq 音乐,只是大抵的仿照了一下

首页

  • 搜寻
  • 获取了海报
  • 歌手页面
  • 排行页面
  • 分类页面
  • 电台页面
  • 官网歌单和达人歌单

搜寻

  • 获取了搜寻热词

  • 搜寻后果

歌手页面

能够依据不同的分类进行筛选歌手。歌手程序是接口默认返回的,应该是依照热度来的

排行页面

获取了排行榜接口,展现歌单

分类页面

一些歌单的分类,点击到对应歌单

电台页面

获取了电台接口,展现了电台分类列表,临时没有做事件

歌单页面

首页的歌单,分类的歌单,排行榜的歌单都是到这个歌单页面,展现歌单的所有歌曲,点击播放按键能够到播放页面,播放列表里有会歌单的所有歌曲,点击单首歌曲也会到播放页面,只会将此歌曲增加到播放列表

播放页面

临时只做了播放暂停,音量控制,播放列表

账号页面

获取了集体创立的歌单和珍藏的歌单,当然须要设置账号获取 cookie,设置账号只能获取账号凋谢的歌单,没有凋谢的歌单是获取不到的,设置 cookie 能够获取到。cookie 能够到 qq 音乐中自行获取,必须设置 cookie 能力获取到歌曲的播放链接。

正文完
 0