Android mp3 lyric 滚动显示 Demo

2023-11-22 10:50
文章标签 android 显示 demo 滚动 mp3 lyric

本文主要是介绍Android mp3 lyric 滚动显示 Demo，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近在做android 的MP3播放的项目，要实现歌词的自动滚动，以及同步显示。

lyric的歌词解析主要用yoyoplayer里面的，

显示部分参考了http://ishelf.iteye.com/blog/740402，这里只是模拟MP3歌词的滚动。

先上一下效果图：

 

滚动实现的代码其实也简单。显示画出当前时间点的歌词，然后再分别画出改歌词后面和前面的歌词，前面的部分往上推移，后面的部分往下推移，这样就保持了当前时间歌词在中间。

代码如下 LyricView，相关信息在注释了标明了。

[java] view plain copy print ?
  1. package ru.org.piaozhiye.lyric;  
  2. import java.io.File;  
  3. import java.util.List;  
  4. import android.content.Context;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Color;  
  7. import android.graphics.Paint;  
  8. import android.graphics.Path;  
  9. import android.graphics.Typeface;  
  10. import android.util.AttributeSet;  
  11. import android.widget.TextView;  
  12. /** 
  13.  * @author root 
  14.  *  
  15.  */  
  16. public class LyricView extends TextView {  
  17.     private Paint mPaint;  
  18.     private float mX;  
  19.     private static Lyric mLyric;  
  20.     private Paint mPathPaint;  
  21.     public String test = "test";  
  22.     public int index = 0;  
  23.     private List<Sentence> list;  
  24.     public float mTouchHistoryY;  
  25.     private int mY;  
  26.     private long currentDunringTime; // 当前行歌词持续的时间，用该时间来sleep  
  27.     private float middleY;// y轴中间  
  28.     private static final int DY = 50; // 每一行的间隔  
  29.     public LyricView(Context context) {  
  30.         super(context);  
  31.         init();  
  32.     }  
  33.     public LyricView(Context context, AttributeSet attr) {  
  34.         super(context, attr);  
  35.         init();  
  36.     }  
  37.     public LyricView(Context context, AttributeSet attr, int i) {  
  38.         super(context, attr, i);  
  39.         init();  
  40.     }  
  41.     private void init() {  
  42.         setFocusable(true);  
  43.         PlayListItem pli = new PlayListItem("Because Of You",  
  44.                 "/sdcard/MP3/Because Of You.mp3", 0L, true);  
  45.         mLyric = new Lyric(new File("/sdcard/MP3/Because Of You.lrc"), pli);  
  46.         list = mLyric.list;  
  47.         // 非高亮部分  
  48.         mPaint = new Paint();  
  49.         mPaint.setAntiAlias(true);  
  50.         mPaint.setTextSize(22);  
  51.         mPaint.setColor(Color.WHITE);  
  52.         mPaint.setTypeface(Typeface.SERIF);  
  53.         // 高亮部分 当前歌词  
  54.         mPathPaint = new Paint();  
  55.         mPathPaint.setAntiAlias(true);  
  56.         mPathPaint.setColor(Color.RED);  
  57.         mPathPaint.setTextSize(22);  
  58.         mPathPaint.setTypeface(Typeface.SANS_SERIF);  
  59.     }  
  60.     protected void onDraw(Canvas canvas) {  
  61.         super.onDraw(canvas);  
  62.         canvas.drawColor(0xEFeffff);  
  63.         Paint p = mPaint;  
  64.         Paint p2 = mPathPaint;  
  65.         p.setTextAlign(Paint.Align.CENTER);  
  66.         if (index == -1)  
  67.             return;  
  68.         p2.setTextAlign(Paint.Align.CENTER);  
  69.         // 先画当前行，之后再画他的前面和后面，这样就保持当前行在中间的位置  
  70.         canvas.drawText(list.get(index).getContent(), mX, middleY, p2);  
  71.         float tempY = middleY;  
  72.         // 画出本句之前的句子  
  73.         for (int i = index - 1; i >= 0; i--) {  
  74.             // Sentence sen = list.get(i);  
  75.             // 向上推移  
  76.             tempY = tempY - DY;  
  77.             if (tempY < 0) {  
  78.                 break;  
  79.             }  
  80.             canvas.drawText(list.get(i).getContent(), mX, tempY, p);  
  81.             // canvas.translate(0, DY);  
  82.         }  
  83.         tempY = middleY;  
  84.         // 画出本句之后的句子  
  85.         for (int i = index + 1; i < list.size(); i++) {  
  86.             // 往下推移  
  87.             tempY = tempY + DY;  
  88.             if (tempY > mY) {  
  89.                 break;  
  90.             }  
  91.             canvas.drawText(list.get(i).getContent(), mX, tempY, p);  
  92.             // canvas.translate(0, DY);  
  93.         }  
  94.     }  
  95.     protected void onSizeChanged(int w, int h, int ow, int oh) {  
  96.         super.onSizeChanged(w, h, ow, oh);  
  97.         mX = w * 0.5f; // remember the center of the screen  
  98.         mY = h;  
  99.         middleY = h * 0.5f;  
  100.     }  
  101.     //  
  102.     /** 
  103.      * @param time 
  104.      *            当前歌词的时间轴 
  105.      *  
  106.      * @return currentDunringTime 歌词只需的时间 
  107.      */  
  108.     public long updateIndex(long time) {  
  109.         // 歌词序号  
  110.         index = mLyric.getNowSentenceIndex(time);  
  111.         if (index == -1)  
  112.             return -1;  
  113.         Sentence sen = list.get(index);  
  114.         // 返回歌词持续的时间，在这段时间内sleep  
  115.         return currentDunringTime = sen.getDuring();  
  116.     }  
  117. }  
 

剩下的就是使用他了。就是取出歌词的index，和该行歌词持续的时间进行sleep。

[c-sharp] view plain copy print ?
  1. package ru.org.piaozhiye;  
  2. import java.io.IOException;  
  3. import ru.org.piaozhiye.lyric.LyricView;  
  4. import android.app.Activity;  
  5. import android.media.MediaPlayer;  
  6. import android.os.Bundle;  
  7. import android.os.Handler;  
  8. public class LyricDemo extends Activity {  
  9.     private MediaPlayer mp;  
  10.     private LyricView lyricView;  
  11.     private String path = "/sdcard/MP3/Because Of You.mp3";  
  12.     /** Called when the activity is first created. */  
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.main);  
  17.         lyricView = (LyricView) findViewById(R.id.audio_lrc);  
  18.         mp = new MediaPlayer();  
  19.         mp.reset();  
  20.         try {  
  21.             mp.setDataSource(path);  
  22.             mp.prepare();  
  23.         } catch (IllegalArgumentException e) {  
  24.             // TODO Auto-generated catch block  
  25.             e.printStackTrace();  
  26.         } catch (IllegalStateException e) {  
  27.             // TODO Auto-generated catch block  
  28.             e.printStackTrace();  
  29.         } catch (IOException e) {  
  30.             // TODO Auto-generated catch block  
  31.             e.printStackTrace();  
  32.         }  
  33.         mp.start();  
  34.         new Thread(new UIUpdateThread()).start();  
  35.     }  
  36.     class UIUpdateThread implements Runnable {  
  37.         long time = 100; // 开始 的时间，不能为零，否则前面几句歌词没有显示出来  
  38.         public void run() {  
  39.             while (mp.isPlaying()) {  
  40.                 long sleeptime = lyricView.updateIndex(time);  
  41.                 time += sleeptime;  
  42.                 mHandler.post(mUpdateResults);  
  43.                 if (sleeptime == -1)  
  44.                     return;  
  45.                 try {  
  46.                     Thread.sleep(sleeptime);  
  47.                 } catch (InterruptedException e) {  
  48.                     // TODO Auto-generated catch block  
  49.                     e.printStackTrace();  
  50.                 }  
  51.             }  
  52.         }  
  53.     }  
  54.     Handler mHandler = new Handler();  
  55.     Runnable mUpdateResults = new Runnable() {  
  56.         public void run() {  
  57.             lyricView.invalidate(); // 更新视图  
  58.         }  
  59.     };  
  60. }  

 

整个project的源码。包括yoyoplayer的解析lyric部分代码。

http://download.csdn.net/source/3186718


这篇关于Android mp3 lyric 滚动显示 Demo的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/409624。

相关文章

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示 从本章开始，按照书籍的划分，第10章开始就进入保护模式（Protected Mode）部分了，感觉从这里开始难度突然就增加了。 书中介绍了为什么有中断（Interrupt）的设计，中断的几种方式：外部硬件中断、内部中断和软中断。通过中断做了一个会走的时钟和屏幕上输入字符的程序。 我自己理解中断的一些作用： 为了更好的利用处理器的性能。协同快速和慢速设备一起工作
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
安卓链接正常显示，ios#符被转义%23导致链接访问404

安卓链接正常显示，ios#符被转义%23导致链接访问404

原因分析： url中含有特殊字符 中文未编码 都有可能导致URL转换失败，所以需要对url编码处理  如下： guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时，会被误伤转义为%23，导致链接无法访问
阅读更多...
C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

哈喽，你好啊，我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记，这是第6篇； 接下来实现实时显示当前选中红球数量，蓝球数量； 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时，在对应的位置显示实时已选择的红球、蓝球的数量； 02 标签名称 分别设置Label标签名称为：lblRedCount、lblBlueCount
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中，在进行一些平板等默认横屏的设备开发的过程中，需要在进入camera2的 时候，默认预览图像也是需要横屏显示的，在上一篇已经实现了横屏预览功能，然后发现横屏预览后，拍照保存的图片 依然是竖屏的，所以说同样需要将图片也保存为横屏图标了，所以就需要看下mtk的camera2的相关横屏保存图片功能， 如何实现实现横屏保存图片功能 如图所示: 2.mtk
阅读更多...
android应用中res目录说明

android应用中res目录说明

Android应用的res目录是一个特殊的项目，该项目里存放了Android应用所用的全部资源，包括图片、字符串、颜色、尺寸、样式等，类似于web开发中的public目录，js、css、image、style。。。。 Android按照约定，将不同的资源放在不同的文件夹中，这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目
阅读更多...
Android fill_parent、match_parent、wrap_content三者的作用及区别

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小，以视图的内容或尺寸为基础的布局，比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样，从字面上的意思match_parent更贴切一些，于是从2.2开始，两个属性都可以使用，但2.3版本以后的建议使
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2