Android完美实现录音编辑器

一、目标

实现录音编辑器&＃xff0c;为神马笔记增加录音功能做准备。

二、准备工作

通过5个阶段的准备工作&＃xff0c;解决了录音相关的所有技术问题。

最后一步便是把所有功能组合到一起。

三、功能分析

1. 界面组成

整个录音编辑器界面分为2个部分。

1. 波形
2. 操作

2. 事件处理

截图	描述
	长按电源键&＃xff0c;将会隐藏软键盘。

四、实现过程

五、一些技术问题

1. MediaPlayer

MediaPlayer播放过程中&＃xff0c;调用getCurrentPosition方法获取当前播放进度。

出现时间回退的情况&＃xff0c;出现在250毫秒&＃xff5e;300毫秒之间。

// ..., 256, 257, 258, 258, 224, 225, 226, 227, ...


导致了绘制波形时&＃xff0c;出现闪烁的情况。

int current &＃61; mMediaPlayer.getCurrentPosition();
this.currentPosition &＃61; (current > this.currentPosition)? current: this.currentPosition;current &＃61; this.currentPosition;


增加一个变量用于跟踪进度&＃xff0c;防止回退。

2. Chronometer

使用Chronometer显示播放进度时&＃xff0c;出现时间跳动的情况。

Chronometer虽然1秒回调一次&＃xff0c;但并不是严格的1000毫秒&＃xff0c;因此会出现累加的误差&＃xff0c;最终导致时间跳动。

自定义Chronotimer&＃xff0c;采用每帧刷新的方式保证时间的准确性。

public class Chronotimer extends androidx.appcompat.widget.AppCompatTextView {boolean isRunning &＃61; false;long base &＃61; 0; // base time in millisecondslong start; // start time in millisecondslong end; // end time in millisecondsPreDrawListener preDrawListener;private boolean mPreDrawRegistered;public Chronotimer(Context context) {this(context, null);}public Chronotimer(Context context, &＃64;Nullable AttributeSet attrs) {this(context, attrs, android.R.attr.textViewStyle);}public Chronotimer(Context context, &＃64;Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);this.preDrawListener &＃61; new PreDrawListener();}public void start() {this.isRunning &＃61; true;this.start &＃61; System.currentTimeMillis();this.end &＃61; start;this.registerForPreDraw();this.invalidate();}public void stop() {this.isRunning &＃61; false;this.end &＃61; System.currentTimeMillis();this.unregisterForPreDraw(); // must unregister OnPreDrawListener, or else draw all the time.this.invalidate();}public void setBase(long base) {this.base &＃61; base;}&＃64;Overrideprotected void onAttachedToWindow() {super.onAttachedToWindow();if (isRunning) {registerForPreDraw();}}&＃64;Overrideprotected void onDetachedFromWindow() {super.onDetachedFromWindow();this.unregisterForPreDraw();}&＃64;Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);if (isRunning) {this.invalidate();}// Log.w("AA", "Chronotimer onDraw &＃61; " &＃43; isRunning);}public CharSequence format(long milliseconds) {long elapse &＃61; milliseconds;elapse /&＃61; 1000; // secondsint hours &＃61; (int)(elapse / 3600);int seconds &＃61; (int)(elapse % 3600);int minute &＃61; (seconds / 60);seconds &＃61; seconds % 60;String text;if (hours > 0) {text &＃61; String.format("%d:%02d:%02d", hours, minute, seconds);} else {text &＃61; String.format("%d:%02d", minute, seconds);}return text;}private void registerForPreDraw() {if (!mPreDrawRegistered) {getViewTreeObserver().addOnPreDrawListener(preDrawListener);mPreDrawRegistered &＃61; true;}}private void unregisterForPreDraw() {getViewTreeObserver().removeOnPreDrawListener(preDrawListener);mPreDrawRegistered &＃61; false;}/****/private class PreDrawListener implements ViewTreeObserver.OnPreDrawListener {&＃64;Overridepublic boolean onPreDraw() {if (isRunning) {end &＃61; System.currentTimeMillis();}long duration &＃61; (end - start);duration &＃43;&＃61; base;CharSequence text &＃61; format(duration);setText(text);return true;}}
}

3. 保持屏幕长亮

为防止锁屏自动停止录音&＃xff0c;因此保证录音过程中屏幕长亮。

4. 关闭编辑器

与iOS Messages点击操作按钮外部区域管理编辑器不同。

必须点击关闭按钮才能关闭编辑器。

iOS Messages是聊天工具&＃xff0c;录音内容通常较短。

神马笔记是笔记工具&＃xff0c;用户可能进行长时间录音。

为防止用户误操作关闭编辑器&＃xff0c;因此采用关闭按钮的方式。

六、开发过程回顾

集合了前面的所有功能&＃xff0c;终于完成录音编辑器。

高仿了iOS Messages的录音功能:)

效果还算满意。

七、接下来

完成录音显示&＃xff0c;及RecyclerView中多个录音的播放功能。

为神马笔记实现录音笔记元素做准备。

八、Finally

佛说是经已。
长老须菩提。
及诸比丘。比丘尼。
优婆塞。优婆夷。
一切世间天人阿修罗。
闻佛所说。皆大欢喜。信受奉行。