当前位置: 首页 > Web前端 > JavaScript

用react-native模仿一个qq音乐播放器

时间:2023-03-27 01:33:36 JavaScript

最近在学习react-native,想做个项目练习,于是决定模仿QQ音乐。接口是我在github上找的一个项目,地址是QQMusicApi。项目是expo创建的,因为可以直接运行网页,比较方便。本项目仅供学习参考。地址qq-music效果预览预览地址并没有具体还原qq音乐,而是大致模仿首页搜索获取海报歌手页面排名页面分类页面电台页面官方歌单和才艺歌曲列表搜索获取搜索热词搜索生成的歌手页面可以根据不同的类别过滤歌手。歌手顺序默认由接口返回。应该是根据排行榜页面的热度获取排行榜界面,在歌单分类页面展示部分歌单的分类,点击对应的歌单单选页面获取单选界面,展示单选类别list,暂时没有活动歌曲列表页面。活动歌单页面首页的歌单、分类的歌单、排行榜的歌单都到这个歌单页面显示歌单中的所有歌曲。点击播放按钮进入播放页面。播放列表中有所有歌曲,点击单首歌曲也会进入播放页面,只有这首歌曲会被添加到播放列表中。播放页面只是暂停播放,控制音量,播放列表账号页面获取个人创建的播放列表和喜欢的播放列表,当然需要设置账号获取cookies。设置账号只能获取该账号开放的歌单。您无法获取未打开的播放列表,但您可以通过设置cookie来获取它们。cookie可以在qq音乐中自行获取,必须设置cookie才能获取歌曲的播放链接。