RecordView

by 3llomi

3llomi / RecordView

A Simple Audio Recorder View with "hold to Record Button" and "Swipe to Cancel " Like WhatsApp

219 Stars 76 Forks Last release: almost 3 years ago (V1.1Beta) Apache License 2.0 36 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Android Arsenal Download

RecordView

A Simple Audio Recorder View with hold to Record Button and Swipe to Cancel

Demo

demo image

Install

dependencies {
  implementation 'com.devlomi.record-view:record-view:2.0.1'
  //appcompat v26+ is higly recommended to support older APIs
}

Usage

XML

<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.recordview>

<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"></com.devlomi.record_view.recordbutton>

Java

        RecordView recordView = (RecordView) findViewById(R.id.record_view);
        RecordButton recordButton = (RecordButton) findViewById(R.id.record_button);

    //IMPORTANT
    recordButton.setRecordView(recordView);

Handling States

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) {
            //Stop Recording..
            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");
        }
    });

Handle Clicks for Record Button

    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"); } });

Listen for Basket Animation End

   recordView.setOnBasketAnimationEndListener(new OnBasketAnimationEnd() {
            @Override
            public void onAnimationEnd() {
                Log.d("RecordView", "Basket Animation Finished");
            }
        });

Change Swipe To Cancel Bounds (when the 'Slide To Cancel' Text View get before Counter). default is 8dp

recordView.setCancelBounds(8);//dp

Some Customization

        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"));

Thanks/Credits

Looking for IOS Version?

try out iRecordView

   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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.