模仿微信 自定义 语音按钮

最新推荐文章于 2023-03-25 16:00:00 发布
最新推荐文章于 2023-03-25 16:00:00 发布
阅读量2k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33265437/article/details/54138389
版权 
import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.media.MediaRecorder;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import java.io.File;
import java.io.IOException;

import jiayin.com.jiayin.R;


/**
 * Created by xuan on 2016/6/8.
 */
public class RecordButton extends Button {
    private final int Volume_What_100 = 100;
    private final int Time_What_101 = 101;
    private final int CancelRecordWhat_102 = 102;
    private String mFilePath = null;
    private OnFinishedRecordListener finishedListener;
    /**
     * 最短录音时间
     **/
    private int MIN_INTERVAL_TIME = 1000;
    /**
     * 最长录音时间
     **/
    private int MAX_INTERVAL_TIME = 1000 * 60;
    private long mStartTime;
    private Dialog mDialog;
    private ImageView mImageView;
    private TextView mTitleTv, mTimeTv;
    private MediaRecorder mRecorder;
    private ObtainDecibelThread mthread;
    private Handler mVolumeHandler;
    private int CANCLE_LENGTH = -200;// 上滑取消距离

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

    public RecordButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

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

    /**
     * 保存路径，为空取默认值
     *
     * @param path
     */
    public void setSavePath(String path) {
        if (TextUtils.isEmpty(path)) {
            setDefaultFilePath();
        } else {
            mFilePath = path;
        }

    }

    /****
     * 设置最大时间。15秒-10分钟
     *
     * @param time 单位秒
     */
    public void setMaxIntervalTime(int time) {
        if (time > 15 && time < 10 * 60) {
            MAX_INTERVAL_TIME = time * 1000;
        }
    }

    private void setDefaultFilePath() {
        File file = new File(Environment.getExternalStorageDirectory(), System.currentTimeMillis() + ".mp3");
        if (!file.exists()) try {
            file.createNewFile();
        } catch (IOException e) {
            e.printStackTrace();
        }
        mFilePath = file.getAbsolutePath();
    }

    /**
     * 录音完成的回调
     *
     * @param listener
     */
    public void setOnFinishedRecordListener(OnFinishedRecordListener listener) {
        finishedListener = listener;
    }


    private void init() {
        mVolumeHandler = new ShowVolumeHandler();
    }

    int startY = 0;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                startY = (int) event.getY();
                initDialogAndStartRecord();
                break;
            case MotionEvent.ACTION_UP:
                int endY = (int) event.getY();
                if (startY < 0)
                    return true;
                if (endY - startY < CANCLE_LENGTH) {
                    cancelRecord();
                } else {
                    finishRecord();
                }
                break;
            case MotionEvent.ACTION_MOVE:
                int tempNowY = (int) event.getY();
                if (startY < 0)
                    return true;
                if (tempNowY - startY < CANCLE_LENGTH) {
                    mTitleTv.setText(getContext().getString(R.string.zeffect_recordbutton_releasing_finger_to_cancal_send));
                } else {
                    mTitleTv.setText(getContext().getString(R.string.zeffect_recordbutton_finger_up_to_cancal_send));
                }
                break;
            case MotionEvent.ACTION_CANCEL:
                cancelRecord();
                break;
        }

        return true;
    }

    private void initDialogAndStartRecord() {
        CANCLE_LENGTH = -this.getMeasuredHeight();
        //
        if (TextUtils.isEmpty(mFilePath)) setDefaultFilePath();
        mStartTime = System.currentTimeMillis();
        mDialog = new Dialog(getContext(), R.style.recordbutton_alert_dialog);
        View contentView = LayoutInflater.from(getContext()).inflate(R.layout.dialog_recordbutton_alert_dialog, null);
        mImageView = (ImageView) contentView.findViewById(R.id.zeffect_recordbutton_dialog_imageview);
        mTimeTv = (TextView) contentView.findViewById(R.id.zeffect_recordbutton_dialog_time_tv);
        mTitleTv = (TextView) contentView.findViewById(R.id.zeffect_recordbutton_dialog_title_tv);
        mDialog.setContentView(contentView, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        mDialog.setOnDismissListener(onDismiss);
        startRecording();
        mDialog.show();
    }

    private void finishRecord() {
        stopRecording();
        mDialog.dismiss();
        long intervalTime = System.currentTimeMillis() - mStartTime;
        if (intervalTime < MIN_INTERVAL_TIME) {
            Toast.makeText(getContext(), getContext().getResources().getString(R.string.zeffect_recordbutton_time_too_short), Toast.LENGTH_SHORT).show();
            File file = new File(mFilePath);
            if (file.exists())
                file.delete();
            return;
        }

        if (finishedListener != null)
            finishedListener.onFinishedRecord(mFilePath);
    }

    private void cancelRecord() {
        stopRecording();
        mDialog.dismiss();
        File file = new File(mFilePath);
        if (file.exists())
            file.delete();
    }

    private void startRecording() {
        mRecorder = new MediaRecorder();
        mRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);
        mRecorder.setOutputFormat(MediaRecorder.OutputFormat.DEFAULT);
        mRecorder.setAudioEncoder(MediaRecorder.AudioEncoder.AMR_NB);
        mRecorder.setOutputFile(mFilePath);
        try {
            mRecorder.prepare();
        } catch (IOException e) {
            e.printStackTrace();
        }
        mRecorder.start();
        mthread = new ObtainDecibelThread();
        mthread.start();

    }

    private void stopRecording() {
        if (mthread != null) {
            mthread.exit();
            mthread = null;
        }
        if (mRecorder != null) {
            mRecorder.stop();
            mRecorder.release();
            mRecorder = null;
        }
    }

    private class ObtainDecibelThread extends Thread {

        private volatile boolean running = true;

        public void exit() {
            running = false;
        }

        @Override
        public void run() {
            while (running) {
                try {
                    Thread.sleep(200);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                if (mRecorder == null || !running) {
                    break;
                }
                if (System.currentTimeMillis() - mStartTime >= MAX_INTERVAL_TIME) {
                    // 如果超过最长录音时间
                    mVolumeHandler.sendEmptyMessage(CancelRecordWhat_102);
                }
                //发送时间
                mVolumeHandler.sendEmptyMessage(Time_What_101);
                //
                int x = mRecorder.getMaxAmplitude();
                if (x != 0) {
                    int f = (int) (20 * Math.log(x) / Math.log(10));
                    Message msg = new Message();
                    msg.obj = f;
                    msg.what = Volume_What_100;
                    mVolumeHandler.sendMessage(msg);
                }

            }
        }

    }

    private DialogInterface.OnDismissListener onDismiss = new DialogInterface.OnDismissListener() {

        @Override
        public void onDismiss(DialogInterface dialog) {
            stopRecording();
        }
    };

    class ShowVolumeHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case Volume_What_100:
                    int tempVolumeMax = (int) msg.obj;
                    setLevel(tempVolumeMax);
                    break;
                case Time_What_101:
                    long nowTime = System.currentTimeMillis();
                    int time = ((int) (nowTime - mStartTime) / 1000);
                    int second = time % 60;
                    int mil = time / 60;
                    if (mil < 10) {
                        if (second < 10)
                            mTimeTv.setText("0" + mil + ":0" + second);
                        else
                            mTimeTv.setText("0" + mil + ":" + second);
                    } else if (mil >= 10 && mil < 60) {
                        if (second < 10)
                            mTimeTv.setText(mil + ":0" + second);
                        else
                            mTimeTv.setText(mil + ":" + second);
                    }
                    break;
                case CancelRecordWhat_102:
                    finishRecord();
                    break;
            }
        }
    }

    private void setLevel(int level) {
        if (mImageView != null)
            mImageView.getDrawable().setLevel(3000 + 6000 * level / 100);
    }

    /**
     * 完成录音回调
     */
    public interface OnFinishedRecordListener {
        public void onFinishedRecord(String audioPath);
    }

}


<style name="recordbutton_alert_dialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowFrame">@null</item>
    <!-- 边框 -->
    <item name="android:windowIsFloating">true</item>
    <!-- 是否浮现在activity之上 -->
    <item name="android:windowIsTranslucent">false</item>
    <!-- 半透明 -->
    <item name="android:windowNoTitle">true</item>
    <!-- 无标题 -->
    <item name="android:windowBackground">@android:color/transparent</item>
    <!-- 背景透明 -->
    <!-- <item name="android:backgroundDimEnabled">false</item> -->
    <!-- 模糊 -->
</style>

布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="160dp"
    android:layout_height="160dp"
    android:background="@drawable/zeffect_recordbutton_dialog_tr_bg"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="10dp">

    <ImageView
        android:id="@+id/zeffect_recordbutton_dialog_imageview"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/zeffect_recordbutton_micrphone" />

    <TextView
        android:id="@+id/zeffect_recordbutton_dialog_time_tv"
        android:layout_width="114dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:gravity="center"
        android:text="00:00"
        android:textColor="#FFFFFF"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/zeffect_recordbutton_dialog_title_tv"
        android:layout_width="114dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:gravity="center"
        android:text="@string/zeffect_recordbutton_finger_up_to_cancal_send"
        android:textColor="#FFFFFF"
        android:textSize="12sp" />
</LinearLayout>


<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:drawable="@mipmap/zeffect_recordbutton_record_litter_top" />
    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="vertical"
            android:drawable="@mipmap/zeffect_recordbutton__recordview_bottom"
            android:gravity="bottom" />
    </item>
</layer-list>


控件布局
<jiayin.com.jiayin.view.RecordButton
    android:id="@+id/reco_rb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:text="按住说话" />

调用
File sd=Environment.getExternalStorageDirectory();
String path=sd.getPath()+"/jiayin";
File file=new File(path);
if(!file.exists())
    file.mkdir();
File filepash = new File(file, System.currentTimeMillis() + ".mp3");
recoRb.setSavePath(filepash.getAbsolutePath());

recoRb.setOnFinishedRecordListener(new RecordButton.OnFinishedRecordListener() {
    @Override
    public void onFinishedRecord(String audioPath) {
        Toast.makeText(RecordingActivity.this, "录音保存在：" + audioPath, Toast.LENGTH_SHORT).show();
       
    }
});

simple_zhangdi
关注
android按住录音按钮_Android模仿微信录音、发送语音效果实现
weixin_35255032的博客
02-15 787
在项目开发中，有个需求：实现模仿微信录音，发送语音的功能。长按按钮录音，弹框显示语音时间，以及上滑取消发送。我重写了一个发送语音的控件，以实现该功能。首先添加权限：AudioRecorderButton，自己实现的自定义录音控件public class AudioRecorderButton extends Button {private static final int STATE_NORMAL...
李长军android语音开发_Android模仿微信录音、发送语音效果实现
weixin_39862097的博客
12-21 326
在项目开发中，有个需求：实现模仿微信录音，发送语音的功能。长按按钮录音，弹框显示语音时间，以及上滑取消发送。我重写了一个发送语音的控件，以实现该功能。首先添加权限：AudioRecorderButton，自己实现的自定义录音控件public class AudioRecorderButton extends Button {private static final int STATE_NORMAL...
仿微信语音对话实现
03-08
仿微信语音对话实现 仿微信语音对话实现 仿微信语音对话实现
Android模仿微信语音聊天功能-IT蓝豹
JunTang2015的博客
10-08 1207
项目效果如下： 代码如下： AudioManager.java package com.xuliugen.weichat; import java.io.File; import java.io.IOException; import java.util.UUID; import android.media.MediaRecorder; publicclas
Android自定义控件——仿微信语音按钮
Skyf
09-19 3624
//对应三种状态 //没有操作 public static final int NOT_VOICE = 1; //正在说话 public static final int CUR_VOICE = 2; //取消发送 public static final int CANCEL_VOICE = 3;
html5语音聊天|仿微信语音效果|仿微信摇一摇实例
chourenchan4303的博客
12-25 777
基于html5+css3+wcPop+swiper+zepto+meScroll等技术实现的超仿微信界面|仿微信语音聊天效果|仿微信摇一摇加好友|仿微信支付键盘|微信地图定位。项目中用到的摇一摇模块则是使用了shake.js插件实现功能效果的，语音模块效果和微信语音效果非常类似，按住说话，手指...
android 模仿微信按住录音语音播放
04-11
在Android平台上，模仿微信的按住录音语音播放功能涉及到一系列技术点，包括音频录制、音频播放、用户交互以及UI设计。下面将详细讲解这些关键知识点。 1. 音频录制： - 录音API：Android提供了MediaRecorder类...
h5+js+vue 模仿微信网页聊天界面
03-18
【标题】：“h5+js+vue 模仿微信网页聊天界面” 【描述】：这个项目是使用HTML5、JavaScript和Vue.js框架构建的一个模仿微信PC端聊天窗口的界面。它实现了基本的功能，如用户输入文字后通过回车键发送消息，这为...
html仿微信语音播放器,原生js仿微信音频播放器
weixin_33983238的博客
05-31 591
今天看个类似微信音频播放器的效果：简单使用使用比较简单，直接配置如下：varwx_audio=newWxAudio({ele:".wx-audio",title:music[0].title,disc:music[0].descr,src:music[0].src,loop:0,width:"320px",ended:function(){wx_audio.audioCut...
仿微信录音语音播放demo
09-16
仿微信按住录音，时间段不保存，录音完成点击播放
仿微信实现语音表情以及文字的发送
07-13
高仿微信实现语音的录制，发送以及播放，以及文字表情的混合发送
仿微信 聊天 发图片 发文字 发语音
10-08
仿微信 聊天 发图片 发文字 发语音
Android 仿微信语音录音小控件
08-20
Android 仿微信地语音录音小控件 效果看着和微信的效果基本上一样，对录音做了限制，录音时间不能少于一秒，最大不超过一分钟，并且设置了录音倒计时提示等
仿微信发送语音效果
ICode联盟
05-20 450
下载地址 仿微信发送语音效果，按下向上滑动动录音图标可取消。只支持移动端预览，PC端无效果！ dd:
uniapp：仿微信发送音频，录制音频。
最新发布
sunluyi的博客
03-25 1601
防微信发送音频，录制音频功能
原生js写仿微信语音发送
sanflow的博客
08-04 1363
1，首先看下主要部分 if (navigator.mediaDevices.getUserMedia) { //navigator.mediaDevices.getUserMedia()会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类型的轨道// var chunks = []; const constraints = { audio: true //这里打开
Android仿微信发送语音与播放语音
09-30
1、这个Demo主要是实现仿微信的发送语音以及播放语音的功能效果。 2、相应的博文地址：https://blog.csdn.net/lpCrazyBoy/article/details/82910825
Android自定义UI实现微信风格语音功能
"Android自定义UI实现微信语音的录音功能" 在Android开发中，自定义UI是一项常见的任务，尤其在创建类似微信等社交应用时，需要实现特定的交互和视觉效果。本文主要介绍如何通过自定义Button来实现微信语音的录音...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值