android 音乐波形图

moyinghui

把波形数据从一个点放射的画出去……挺有意思的,没有仔细研究为什么右边那个圆怎么形成的,可能是我哪里错了,也可能是因为某种数学关系

部分代码是在其他人的代码基础上改的,我加的case 3:


public class TestActivity extends BaseActivity {
    public final static int TEST_PAGE_SIZE = 10;
    protected static final String TAG = "TestActivity";
    Visualizer mVisualizer;
    MusicFrequency musicFrequency;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        mVisualizer = new Visualizer(0);
        setFrequencyListener();
        mVisualizer.setEnabled(true);
        musicFrequency = (MusicFrequency) findViewById(R.id.frequency);
    }

    private void setFrequencyListener() {
        mVisualizer.setDataCaptureListener(new Visualizer.OnDataCaptureListener() {
            @Override
            public void onWaveFormDataCapture(Visualizer visualizer, byte[] waveform, int samplingRate) {
                Log.d("debug", "onWaveFormDataCapture");
                musicFrequency.updateVisualizer(waveform);
            }

            @Override
            public void onFftDataCapture(Visualizer visualizer, byte[] fft, int samplingRate) {
                Log.d("debug", "onFftDataCapture");
                //musicFrequency.updateVisualizer(fft);
            }
        }, Visualizer.getMaxCaptureRate(), true, false);
   


public class MusicFrequency extends RelativeLayout {

    private int viewSize = 500;
    private Paint mPaintLine;
    private Paint mPaintSector;
    private boolean isStart = false;
    private int start = 0;
    // bytes数组保存了波形抽样点的值
    private byte[] bytes;
    private float[] points;
    private Paint paint = new Paint();
    private Rect rect = new Rect();
    private byte type = 0;

    private final int paintWidth = 10;
    Visualizer mVisualizer;

    public MusicFrequency(Context context) {
        super(context);
        init();
    }

    public MusicFrequency(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        bytes = null;
        // 设置画笔的属性
        paint.setStrokeWidth(1f);
        paint.setAntiAlias(true);//抗锯齿
        paint.setColor(Color.YELLOW);//画笔颜色
        paint.setStyle(Paint.Style.FILL);
        //test();
    }

    private void test() {
        mVisualizer = new Visualizer(0);
        mVisualizer.setEnabled(true);
        setFrequencyListener();

    }


    private void setFrequencyListener() {
        mVisualizer.setDataCaptureListener(new Visualizer.OnDataCaptureListener() {
            @Override
            public void onWaveFormDataCapture(Visualizer visualizer, byte[] waveform, int samplingRate) {
                Log.d("debug", "onWaveFormDataCapture");
                updateVisualizer(waveform);
            }

            @Override
            public void onFftDataCapture(Visualizer visualizer, byte[] fft, int samplingRate) {
                Log.d("debug", "onFftDataCapture");
                updateVisualizer(fft);
            }
        }, Visualizer.getMaxCaptureRate() / 2, true, false);
    }


    public void updateVisualizer(byte[] ftt) {
        bytes = ftt;
        // 通知该组件重绘自己。
        invalidate();
    }

    @Override
    public boolean onTouchEvent(MotionEvent me) {
        // 当用户触碰该组件时,切换波形类型
        if (me.getAction() != MotionEvent.ACTION_DOWN) {
            return false;
        }
        type++;
        if (type >= 3) {
            type = 0;
        }
        return true;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (bytes == null) {
            return;
        }
        // 绘制白色背景
        canvas.drawColor(Color.WHITE);
        // 使用rect对象记录该组件的宽度和高度
        rect.set(0, 0, getWidth(), getHeight());
        type = 3;
        switch (type) {
            // -------绘制块状的波形图-------
            case 0:
                for (int i = 0; i < bytes.length - 1; i++) {
                    float left = getWidth() * i / (bytes.length - 1);
                    // 根据波形值计算该矩形的高度
                    float top = rect.height() - (byte) (bytes[i + 1] + 128)
                            * rect.height() / 128;
                    float right = left + 1;
                    float bottom = rect.height();
                    canvas.drawRect(left, top, right, bottom, paint);
                }
                break;
            // -------绘制柱状的波形图(每隔18个抽样点绘制一个矩形)-------
            case 1:
                for (int i = 0; i < bytes.length - 1; i += 18) {
                    float left = rect.width() * i / (bytes.length - 1);
                    // 根据波形值计算该矩形的高度
                    float top = rect.height() - (byte) (bytes[i + 1] + 128)
                            * rect.height() / 128;
                    float right = left + 6;
                    float bottom = rect.height();
                    canvas.drawRect(left, top, right, bottom, paint);
                }
                break;
            // -------绘制曲线波形图-------
            case 2:
                // 如果point数组还未初始化
                if (points == null || points.length < bytes.length * 4) {
                    points = new float[bytes.length * 4];
                }
                for (int i = 0; i < bytes.length - 1; i++) {
                    // 计算第i个点的x坐标
                    points[i * 4] = rect.width() * i / (bytes.length - 1);
                    // 根据bytes[i]的值(波形点的值)计算第i个点的y坐标
                    points[i * 4 + 1] = (rect.height() / 2)
                            + ((byte) (bytes[i] + 128)) * 128
                            / (rect.height() / 2);
                    // 计算第i+1个点的x坐标
                    points[i * 4 + 2] = rect.width() * (i + 1)
                            / (bytes.length - 1);
                    // 根据bytes[i+1]的值(波形点的值)计算第i+1个点的y坐标
                    points[i * 4 + 3] = (rect.height() / 2)
                            + ((byte) (bytes[i + 1] + 128)) * 128
                            / (rect.height() / 2);
                }
                // 绘制波形曲线
                canvas.drawLines(points, paint);
                break;
            case 3://gif显示的是这段代码的效果
                float startX = rect.right/3;
                float startY = rect.bottom >> 1;
                //canvas.drawCircle(startX, startY, rect.right >> 3, paint);
                int count = 0;
                if (bytes.length > 360) {
                    count = 360;
                }else{
                    count = bytes.length;
                }
                int offset = bytes.length/360;
                for (int i = 0; i < count; i=i+offset) {
                    double angle = (double) ((double) 360 / (double) bytes.length) * (double) i;
                    Log.d("debug", "angle:" + angle + "--bytes.length:" + bytes.length+"--bytes[i]:"+bytes[i]);
                    float endX = 0f;
                    float endY = 0f;
                    int length = (bytes[i]+128)/2;
                    if (angle >= 0f && angle < 90f) {
                        endY = (float) (startY + Math.sin(angle) * length);
                        endX = (float) (startY + Math.cos(angle) * length);
                    } else if (angle >= 90f && angle < 180f) {
                        endY = (float) (startY + Math.sin(angle-90d) * length);
                        endX = (float) (startX - Math.cos(angle-90d) * length);
                    } else if (angle >= 180f && angle < 270f) {
                        endY = (float) (startY - Math.sin(angle-180d) * length);
                        endX = (float) (startX - Math.cos(angle-180d) * length);
                    } else if (angle >= 270f && angle < 360f) {
                        endY = (float) (startY - Math.sin(angle-270d) * length);
                        endX = (float) (startX + Math.cos(angle-270d) * length);
                    } else {
                        endX = 0f;
                        endY = 0f;
                    }
                    paint.setColor(Color.BLACK);
                    canvas.drawLine(startX, startY, endX, endY, paint);

                }
                break;
        }
    }

}

    <com.buxiaohui.myapp.widget.MusicFrequency android:id="@+id/frequency"
                                               android:layout_width="match_parent"
                                               android:layout_height="match_parent"
                                               android:background="@color/white"
        />



  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用 Android 的绘图工具,比如 `Canvas` 或 `OpenGL`,来实现在 Android 设备上显示波形图的功能。具体方法如下: 1. 使用 `Canvas` 绘图工具,可以使用 `drawLine` 方法在 `View` 中绘制波形图。首先,需要在 `View` 的 `onDraw` 回调函数中获取 `Canvas` 对象,然后设置画笔的颜色、粗细等属性,最后使用 `drawLine` 方法在 `Canvas` 上绘制波形。 2. 使用 `OpenGL` 绘图工具,可以使用 `GLSurfaceView` 和 `Renderer` 来实现波形图的显示。首先,需要创建一个 `GLSurfaceView` 对象,然后设置 `Renderer` 回调函数,在 `Renderer` 的 `onDrawFrame` 函数中使用 OpenGL 的绘图函数来绘制波形图。 要显示峰值,可以在绘制波形图的过程中,记录每个点的数值,并找出最大值,最后在图上标出最大值的位置即可。 ### 回答2: 在Android上显示波形图以及显示峰值可以通过以下步骤完成: 1. 首先,获取音频输入数据。可以使用Android的AudioRecord类来录制和读取音频数据。设置录制参数并创建一个字节数组来存储音频数据。 2. 将获取到的音频数据转换成波形数据。使用FFT(快速傅里叶变换)算法将时域数据转换为频域数据。对音频数据进行处理,计算其幅度大小,并将其转换为合适的波形显示形式。 3. 使用Android的Canvas类来绘制波形图。创建一个自定义的View,并在其onDraw方法中使用Canvas绘制波形图。可以使用Path对象来连接波形数据的点,并使用Paint对象来设置波形的颜色、宽度等属性。 4. 显示峰值。在计算波形数据的过程中可以记录最大值和最小值,并将其显示在屏幕上。可以使用TextView来显示峰值,通过更新其文本来实时显示最大值。 5. 更新波形图。在获取到新的音频数据后,更新波形图以反映最新录制到的音频。可以使用postInvalidate()方法来触发View的重绘。 完成上述步骤后,可以在Android设备上显示波形图,并在屏幕上显示峰值。用户可以通过录制声音或者播放音频文件来测试波形显示和峰值的准确性。 ### 回答3: 要在Android上显示波形图并显示峰值,可以通过以下步骤实现: 1. 获取音频数据:首先,需要从音频源(例如麦克风或音乐文件)中获取音频数据。可以使用Android的AudioRecord类来实现从麦克风中获取音频数据,或者使用MediaPlayer类来播放音乐文件并获取其音频数据。 2. 转换音频数据:获取到的音频数据是一系列的音频采样值。可以使用离散傅立叶变换(DFT)将时域的音频采样值转换为频域的频谱数据。 3. 绘制波形图:通过在Android的自定义视图中重写onDraw方法,可以将频谱数据绘制成波形图。可以使用Canvas和Paint类来绘制线条并代表音频数据。 4. 计算峰值:在绘制波形图的过程中,可以将每个数据点与周围数据点进行比较,以确定当前点是否为峰值。可以使用一个循环来遍历频谱数据,找到并记录每个峰值。 5. 显示峰值:将记录的峰值显示在波形图的适当位置上。可以使用Android的TextView或自定义视图中的Canvas.drawText方法来显示峰值的数值。 总结:在Android上显示波形图并显示峰值,首先需要获取音频数据,然后将其转换为频谱数据,再绘制波形图,并通过计算找到峰值,并将其显示在相关位置上。这样就可以实现在Android设备上显示波形图并显示峰值的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值