liuxiaoyucc / uni-music

:musical_note: uniapp音乐播放器

uniMusic

因服务器到期, 演示程序不能正常使用,大家可以按照下面写的步骤,直接使用自己的服务运行

Description

uni-app音乐播放器, 页面参照网易云音乐

此项目前端使用uniapp框架 服务端使用自建的NeteaseCloudMusicApi

github: liuxiaoyucc/cloudmusic dcloud插件市场: liuxiaoyucc/cloudmusic

欢迎Star 🌟🌟🌟, 如果遇到问题或建议请提Issue

Run

• 渲染引擎: weex
• 编译器版本: V3 (参考V3编译器版本)
• 页面编译模式: uni-app 组件模式

请确保你的HbuilderX版本在2.5.1以上

目前仅支持APP端运行, 如有其他端需求请自己修改, 有任何问题可以在issues区和微信互相交流

将NVUE目录拖入HbuilderX中运行到手机或模拟器

测试账号 16605123405, 密码随便填写

建议自己搭建服务端, 搭建好之后修改本项目config.js中的HOST地址为你自己的服务地址即可

本项目登录及注册流程可供参考, 但是最终登录的是服务端提供的测试账号, 这里并非是项目bug

本项目仅限学习交流使用, 不得用于商业用途, 如作他用所承受的法律责任一概与作者无关

安卓版apk下载体验 cloudmusic安卓版apk

已完成功能

• 测试账号登录

• 真实账号登录

• 手机验证码注册

• 账号切换, 退出

• 获取用户详情

• 获取登录状态

• 获取用户信息 , 歌单，收藏，mv, dj 数量

• 用户歌单列表

• 歌单详情页

• 播放组件

• 播放详情页

• 播放进度条及歌词滚动

• 喜欢和取消喜欢

• 视频播放

• 首页推荐

Thanks

• NeteaseCloudMusicApi

Donate

已完成部分截图

End

• 联系方式: 别忘了备注哦

uni-music's Issues

解决全局播放问题

1: 页面底部有个公共播放组件, 所有页面引入的状态应该相同
2: 播放页面

思路:

• 底部播放组件, 数据从全局获取, 无需传入, 只是一个样式, 播放仍由play.js统一管理

[优化] 播放相关操作抽象出来

方便统一管理
比如

• 播放
• 上一曲下一曲
• 暂停
  等等

icon

登录后获取用户状态失败

最新API返回格式问题,NeteaseCloudMusicApi版本4.2.0
修改user.js 185行data.code为data.data.code
修改password.nvue 90行 res.profile.userId为res.data.profile.userId
我能成功进入且功能OK

[优化] playlist页面元素吸顶

'播放全部' 吸顶

IOS 問題

尝试使用最新的编译方式改造

NVUE版本，不能运行到游览器

你好！我将nvue运行到游览器，出现白屏。是bu支持游览器运行？

【页面】完成我的页面布局

参考网易云音乐App

【BUG】click+refresh+scroller

发现一个bug,当click事件和refresh在scroller中使用时,页面初次载入,触摸到绑定click事件的元素,页面会进行一次不受控制的刷新,只有通过替换掉scroller才能解决这个问题

Originally posted by @liuxiaoyucc in #1 (comment)

[优化] 播放列表

1. 播放列表过长时, 会导致弹出非常卡顿, 并且偶尔会出现闪退的问题
   建议不要一次性加载所有, 弹出后再全部加载

[功能] 登录功能

1. 手机号登陆
2. 短信验证码

音频控制回调统一管理

如标题

大佬，有联系方式吗

建议增加一个播放页面

[优化] play页面

[功能] 发现页内容填充

发现页主要分为下面几个部分

1. banner图是几个单曲,点击直接到播放页, 广告部分不管 ✔
2. 歌单部分, 另一种形式的展示, 点击跳转到歌单页 ✔
3. 新碟, 即为专辑, 专辑详情页和歌单相同 ✔
4. 新歌, 即单曲, 同banner图 ✔
5. 视频 ✔

登录异常

偶尔账号密码填写正确, 却提示密码错误的问题

简单处理了下, 观察是否还会出现

【优化】当下拉刷新时使下拉部分的背景色和当前tab的顶部的背景色一致

如下图,下拉的背景色为红,页面背景为白色,很不协调

[优化] playlist_card组件很卡

卡卡卡, 赶紧改

【优化】将<scroller>组件替换为<list>或<recycle-list>

@liuxiaoyucc

1. list或recycle-list具有更高的性能且recycle-list优先级高于list
2. 方便loadmore,现有的组件需要手动向上滑动一次才会触发,期望是滑到底部立即触发,list和recycle-list均有@loadmore事件可以实现

【bug】首页几个tabbar渲染时存在bug

目前在for里面使用v-if,会导致每一个tab_content都会渲染四个页面的内容,尽快找出更优的解决方案

播放详情页

几个注意的地方

1. 歌词
2. 页面效果
3. 上一曲下一曲
4. 播放顺序 (随机, 顺序循环, 单曲, 顺序)

[优化] 播放被其他声音中断

其他应用占用音频时, 音乐播放会终止
例如:
微信来消息后的提示声音
系统声音比如闹钟,短信

解决方案:
最好可以检测出音频占用情况, 然后自动恢复播放