当前位置: 首页 > 后端技术 > PHP

微信小程序-模仿QQ音乐

时间:2023-03-29 22:30:56 PHP

歌曲来源:QQ音乐说明目前只有试用版。有兴趣的可以私聊我。我会帮你加入。名额有限。由于个人开发者无法发布在线音乐播放小程序,开发此小程序的目的只是为了学习小程序开发;小程序涉及的所有歌曲资源均来自QQ音乐,QQ音乐接口部分API由本人修改。分封装(我会另写一篇专门分享API,敬请期待)编辑器效果展示压缩成GIF格式,所以播放速度加快,画质有点差。真机截图操作视频推荐页歌手列表各大排行榜搜索页歌手详情页歌单(排行榜)详情页播放器页分享页目前实现的功能歌单电台歌曲播放MV播放(最近发现QQ音乐界面不回MV数据,所以该功能暂时无法显示)歌手列表热门歌曲歌手搜索(支持模糊查询)最近搜索记录热门搜索词歌手详情页面歌曲列表详情页面歌曲分享查看评论歌词滚动最近播放的歌曲下一个功能待实现用户登录私人FM增加点赞、评论功能歌曲播放模式(随机、单曲、循环)收藏全局播放器组件项目目录comment--自定义组件(播放器组件,开发中)img--存储图片gedan--歌曲列表页索引--首页日志--歌手列表页播放歌曲--播放器页排名--排行榜页搜索--搜索页分享--分享页歌手--歌手详情s页面顶部--歌曲列表详情页app.js--应用逻辑app.json--app-configapp.wxss--appcommon-styleapp.jsonapp-config-file{"pages":["pages/index/index","pages/logs/logs","pages/rank/rank","pages/search/search","pages/gedan/gedan","pages/playSong/playSong","pages/singer/singer","pages/top/top","pages/share/share"],//页面路径列表"requiredBackgroundModes":["audio"],//后台使用的能力,这里我们使用[音乐播放]"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"HMusic","navigationBarTextStyle":"black"},//全局到默认窗口显示"tabBar":{"list":[{"pagePath":"pages/index/index","text":"Recommendation"},{"pagePath":"pages/logs/logs","text":"Singer"},{"pagePath":"pages/rank/rank","text":"Leaderboard"},{"pagePath":"pages/playSong/playSong","text":"player"}],"position":"top"}//性能标签,默认放在底部,根据位置,我们设置在顶部显示}每个页面都有自己的配置页面,可以单独配置每个页面[pageName].json用于指定工作时的页面,windowSettings:{//导航栏背景色"navigationBarBackgroundColor":"#fff",//导航栏前景色(只有白色/黑色)"navigationBarTextStyle":"black",//导航栏文字"navigationBarTitleText":"HMusic",//窗口背景色"backgroundColor":"#fff",//窗口前景色"backgroundTextStyle":"dark",//是否开启下拉刷新"enablePullDownRefresh":false}app.js应用逻辑//App函数是一个全局函数,用于创建应用对象App({//==========全局数据对象(可以在整个应用程序中共享)==========globalData:{...},//==========应用程序全局方法==========method1(p1,p2){...},method2(p1,p2){...},//==========生命周期方法==========//当应用程序启动时触发一次onLaunch(){...},//当应用程序进入前台显示状态时触发onShow(){...},//当应用程序进入后台状态时触发onHide(){...}})欢迎来到StarGitHub博客