波尼音乐

系列文章

• 重生！入门级开源音乐播放器APP —— 波尼音乐
• Android开源在线音乐播放器——波尼音乐
• Android开源音乐播放器之播放器基本功能
• Android开源音乐播放器之高仿云音乐黑胶唱片
• Android开源音乐播放器之自动滚动歌词
• Android开源音乐播放器之在线音乐列表自动加载更多

展示

视频

截图

功能

后续可能会根据大家的反馈增加或调整功能

本地功能

• 添加和播放本地音乐文件
• 专辑封面显示
• 歌词显示，支持拖动歌词调节播放进度
• 通知栏控制
• 夜间模式
• 定时关闭

在线功能

• 登录网易云
• 同步网易云歌单
• 每日推荐
• 歌单广场
• 排行榜
• 搜索歌曲和歌单

体验

欢迎大家体验，如果发现功能问题或兼容性问题，可以提 GitHub Issue

环境要求

• Android 手机（系统版本为 Android 5.0 及以上）
• 电脑（非必须）

安装步骤

1. 搭建网易云服务器
   由于我们使用的是非官方 API，因此需要自行搭建 API 服务器。
   clone NeteaseCloudMusicApi 服务端项目到本地，根据项目说明安装并运行服务，需要确认电脑和手机处于同一局域网
2. 安装 APP
   点击下载最新安装包
3. 设置域名
   打开 APP，点击左上角汉堡按钮，打开抽屉，点击「域名设置」，输入步骤1中的地址（包含端口）
4. 设置完成即可体验

没有电脑，如何体验？

其实有一些同仁已经将网易云 API 服务部署到公网了，我们可以直接用🐶。

这里不方便直接贴地址，下面教大家如何找到可以用的服务：

用 Google 搜索「网易云音乐API」，点击搜索结果链接，如果页面打开后是下图这样（注意：非作者的 github.io 页面），恭喜！你找到了可以直接使用的服务，拷贝地址栏链接，输入到步骤3即可。

如果设置域名后 APP 接口报错，说明这个域名不可用，可以尝试其他结果。

更新说明

v 2.0.0

• 使用 Kotlin 重写
• 接口改为网易云音乐
• 增加「每日推荐」、「歌单广场」、「排行榜」、「搜索」等在线功能
• 适配到 Android 13

v 1.3.0

• 新增歌词支持上下拖动
• 新增支持分屏模式
• 新增本地歌曲支持按大小和时长过滤
• 新增下载的歌曲文件自动添加专辑封面
• 新增编辑歌曲信息
• 新增5.0以上系统支持联动系统媒体中心，锁屏显示播放信息
• 修复已知bug

v 1.2.3

• 新增通知栏播放控制
• 修复魅族手机扫描不到音乐的问题
• 修复已知bug

v 1.2.0

• 修复在线音乐无法加载的问题
• 修复弱网时播放网络歌曲导致ANR的问题
• 修复每日启动图片无法更新的问题
• 下载在线歌曲可以显示专辑封面了
• 修复已知bug

v 1.1.0

• 支持 Android 6.0 运行时权限
• 修复已知bug

v 1.0.0

• First Release

TODO

• 桌面小部件 by Glance
• 适配 Android 14
• 在线音乐可以免下载加入我的音乐列表
• 在线音乐自动缓存
• 编辑音乐信息

依赖

站在巨人的肩膀上

在线服务

• 在线音乐: Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service

开源技术

• 页面: MVVM
• 网络: Retrofit
• 数据库: Room
• 依赖注入: Hilt
• 图片: Glide
• 统计&崩溃收集: Firebase
• 路由框架: wangchenyan/crouter: 支持组件化的 Android 路由框架
• 歌词控件: wangchenyan/lrcview: Android beautiful draggable lyric view library
• 启动任务: wangchenyan/init: Android 启动任务调度
• 通用库: wangchenyan/android-common: 个人使用的 Android 通用库
• RecyclerView Adapter: wangchenyan/radapter3: A multitype adapter for Android recyclerview

关键代码

黑胶唱片专辑封面绘制流程

override fun onDraw(canvas: Canvas) {
    // 1.绘制封面
    val cover = coverBitmap
    if (cover != null) {
        coverMatrix.setRotate(discRotation, coverCenterPoint.x.toFloat(), coverCenterPoint.y.toFloat())
        coverMatrix.preTranslate(coverStartPoint.x.toFloat(), coverStartPoint.y.toFloat())
        coverMatrix.preScale(coverSize.toFloat() / cover.width, coverSize.toFloat() / cover.height)
        canvas.drawBitmap(cover, coverMatrix, null)
    }

    // 2.绘制黑胶唱片外侧半透明边框
    coverBorder.setBounds(
        discStartPoint.x - COVER_BORDER_WIDTH,
        discStartPoint.y - COVER_BORDER_WIDTH,
        discStartPoint.x + discBitmap.width + COVER_BORDER_WIDTH,
        discStartPoint.y + discBitmap.height + COVER_BORDER_WIDTH
    )
    coverBorder.draw(canvas)

    // 3.绘制黑胶
    // 设置旋转中心和旋转角度，setRotate和preTranslate顺序很重要
    discMatrix.setRotate(discRotation, discCenterPoint.x.toFloat(),discCenterPoint.y.toFloat())
    // 设置图片起始坐标
    discMatrix.preTranslate(discStartPoint.x.toFloat(), discStartPoint.y.toFloat())
    canvas.drawBitmap(discBitmap, discMatrix, null)

    // 4.绘制指针
    needleMatrix.setRotate(needleRotation, needleCenterPoint.x.toFloat(), needleCenterPoint.y.toFloat())
    needleMatrix.preTranslate(needleStartPoint.x.toFloat(), needleStartPoint.y.toFloat())
    canvas.drawBitmap(needleBitmap, needleMatrix, null)
}

歌词绘制流程

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 中心Y坐标
    float centerY = getHeight() / 2 + mTextSize / 2 + mAnimOffset;

    // 无歌词文件
    if (!hasLrc()) {
        float centerX = (getWidth() - mCurrentPaint.measureText(label)) / 2;
        canvas.drawText(label, centerX, centerY, mCurrentPaint);
        return;
    }

    // 画当前行
    String currStr = mLrcTexts.get(mCurrentLine);
    float currX = (getWidth() - mCurrentPaint.measureText(currStr)) / 2;
    canvas.drawText(currStr, currX, centerY, mCurrentPaint);

    // 画当前行上面的
    for (int i = mCurrentLine - 1; i >= 0; i--) {
        String upStr = mLrcTexts.get(i);
        float upX = (getWidth() - mNormalPaint.measureText(upStr)) / 2;
        float upY = centerY - (mTextSize + mDividerHeight) * (mCurrentLine - i);
        // 超出屏幕停止绘制
        if (upY - mTextSize < 0) {
            break;
        }
        canvas.drawText(upStr, upX, upY, mNormalPaint);
    }

    // 画当前行下面的
    for (int i = mCurrentLine + 1; i < mLrcTimes.size(); i++) {
        String downStr = mLrcTexts.get(i);
        float downX = (getWidth() - mNormalPaint.measureText(downStr)) / 2;
        float downY = centerY + (mTextSize + mDividerHeight) * (i - mCurrentLine);
        // 超出屏幕停止绘制
        if (downY > getHeight()) {
            break;
        }
        canvas.drawText(downStr, downX, downY, mNormalPaint);
    }
}

关于作者

掘金: https://juejin.im/user/2313028193754168
微博: https://weibo.com/wangchenyan1993

License

Copyright 2023 wangchenyan

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.