A Simple Audio Recorder View with hold to Record Button and Swipe to Cancel
Add this to your project build.gradle (for older versions only)
allprojects {
repositories {
...
maven { url 'https://jitpack.io }
}
}Add this to your settings.gradle(for newer versions only)
dependencyResolutionManagement {
repositories {
...
maven { url 'https://jitpack.io' }
}
}Add this to your module build.gradle
dependencies {
//for AppCompat use:
//appcompat v26+ is higly recommended to support older APIs
implementation 'com.devlomi.record-view:record-view:2.0.1'
//for AndroidX use:
implementation 'com.github.3llomi:RecordView:3.1.3'
}<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/parent_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.devlomi.record_view.RecordView
android:id="@+id/record_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toLeftOf="@id/record_button"
app:slide_to_cancel_arrow="@drawable/recv_ic_arrow"
app:slide_to_cancel_arrow_color="#000000"
app:slide_to_cancel_bounds="8dp"
app:slide_to_cancel_margin_right="10dp"
app:slide_to_cancel_text="Slide To Cancel"
app:counter_time_color="#ff0000"
/>
<com.devlomi.record_view.RecordButton
android:id="@+id/record_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:background="@drawable/recv_bg_mic"
android:scaleType="centerInside"
app:mic_icon="@drawable/recv_ic_mic_white" />
</RelativeLayout>
RecordView recordView = (RecordView) findViewById(R.id.record_view);
RecordButton recordButton = (RecordButton) findViewById(R.id.record_button);
//IMPORTANT
recordButton.setRecordView(recordView);recordView.setOnRecordListener(new OnRecordListener() {
@Override
public void onStart() {
//Start Recording..
Log.d("RecordView", "onStart");
}
@Override
public void onCancel() {
//On Swipe To Cancel
Log.d("RecordView", "onCancel");
}
@Override
public void onFinish(long recordTime, boolean limitReached) {
//Stop Recording..
//limitReached to determine if the Record was finished when time limit reached.
String time = getHumanTimeText(recordTime);
Log.d("RecordView", "onFinish");
Log.d("RecordTime", time);
}
@Override
public void onLessThanSecond() {
//When the record time is less than One Second
Log.d("RecordView", "onLessThanSecond");
}
@Override
public void onLock() {
//When Lock gets activated
Log.d("RecordView", "onLock");
}
});recordButton.setListenForRecord(false);
//ListenForRecord must be false ,otherwise onClick will not be called
recordButton.setOnRecordClickListener(new OnRecordClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "RECORD BUTTON CLICKED", Toast.LENGTH_SHORT).show();
Log.d("RecordButton","RECORD BUTTON CLICKED");
}
});recordView.setOnBasketAnimationEndListener(new OnBasketAnimationEnd() {
@Override
public void onAnimationEnd() {
Log.d("RecordView", "Basket Animation Finished");
}
});<com.devlomi.record_view.RecordLockView
android:id="@+id/record_lock"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_above="@id/record_view_relative_layout"
android:layout_alignParentRight="true"
android:layout_marginRight="4dp"
android:layout_marginBottom="100dp" />recordView.setLockEnabled(true);
recordView.setRecordLockImageView(findViewById(R.id.record_lock));Change Swipe To Cancel Bounds (when the 'Slide To Cancel' Text View get before Counter). default is 8dp
recordView.setCancelBounds(8);//dpHandling Permissions(Optional)
recordView.setRecordPermissionHandler(new RecordPermissionHandler() {
@Override
public boolean isPermissionGranted() {
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
return true;
}
boolean recordPermissionAvailable = ContextCompat.checkSelfPermission(MainActivity.this, Manifest.permission.RECORD_AUDIO) == PERMISSION_GRANTED;
if (recordPermissionAvailable) {
return true;
}
ActivityCompat.
requestPermissions(MainActivity.this,
new String[]{Manifest.permission.RECORD_AUDIO},
0);
return false;
}
});recordView.setSmallMicColor(Color.parseColor("#c2185b"));
recordView.setSlideToCancelText("TEXT");
// disable Sounds
recordView.setSoundEnabled(false);
// prevent recording under one Second (it's false by default)
recordView.setLessThanSecondAllowed(false);
// set Custom sounds onRecord
// you can pass 0 if you don't want to play sound in certain state
recordView.setCustomSounds(R.raw.record_start,R.raw.record_finished,0);
// change slide To Cancel Text Color
recordView.setSlideToCancelTextColor(Color.parseColor("#ff0000"));
// change slide To Cancel Arrow Color
recordView.setSlideToCancelArrowColor(Color.parseColor("#ff0000"));
// change Counter Time (Chronometer) color
recordView.setCounterTimeColor(Color.parseColor("#ff0000"));
// enable or disable ShimmerEffect
recordView.setShimmerEffectEnabled(true);
// auto cancelling recording after timeLimit (In millis)
recordView.setTimeLimit(30000);//30 sec
// set Trash Icon Color (when slide to cancel is triggered)
recordView.setTrashIconColor(Color.parseColor("#fff000"));
// enable or disable the Growing animation for record Button.
recordView.setRecordButtonGrowingAnimationEnabled(true);
// change scale up value on Growing animation.
recordButton.setScaleUpTo(1.5f);
// Lock Customization
recordLockView.setDefaultCircleColor(Color.parseColor("#0A81AB"));
recordLockView.setCircleLockedColor(Color.parseColor("#314E52"));
recordLockView.setLockColor(Color.WHITE);
recordButton.setSendIconResource(R.drawable.recv_ic_send)
- NetoDevel for some inspiration and some code in his lib audio-recorder-button
- alexjlockwood for making this Awesome tool ShapeShifter which helped me to animate vectors easily
- team-supercharge for making ShimmerLayout
try out iRecordView
Check out FireApp Chat
Copyright 2018 AbdulAlim Rajjoub
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
