SSAudioRecorderWithWaveForm

Introduction: SSAudioRecorderWithWaveForm is recording audio with wave form. 🎉🎤
More: Author   ReportBugs   
Tags:

Audio recording with wave form

Build Status Kotlin Version Platform

SSAudioRecorderWithWaveForm is recording audio with wave form data, you can record audio using the app and also you can also pickup already recorded audio from gallery. The best thing is our application is after recording we can trim that audio from start point to end point using slider.

Features

  • Recording audio 🎤
  • Playing back recordings ▶️
  • Make recordings in M4A and WAV 🔈
  • Displaying waveform of the recording 〰️•¨•.¸¸♬
  • Import audio files 📁
  • Trim recorded/imported audio 📇
  • Customise trim marker 🖊️
  • Customise waveform color 〰️🎨

Two recording formats are available:

  • M4A 🌊
  • Waveform Audio File Format (WAV) 〰️

🎬 Preview

Recording Audio color recording audio waves
Display recorded audio waves Trim Recorded video

How to Use

  1. Add display wave control view in you screen while recording video.
    <com.wave.audiorecording.audioplayer.WaveformView
     android:id="@+id/record"
     android:layout_width="wrap_content"
     android:layout_height="@dimen/_200sdp"
     android:layout_marginTop="@dimen/_10sdp"
     android:layout_marginBottom="@dimen/_10sdp"
     android:background="@color/secoundryColor"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toBottomOf="@+id/appLayout" />
    
  2. Add wave recording or already pickup audio with using WaveformViewTrim control in design.
    <com.wave.audiorecording.audioplayer.trim.WaveformViewTrim
     android:id="@+id/audioWaveform"
     android:layout_width="match_parent"
     android:layout_height="@dimen/_85sdp"
     android:layout_centerInParent="true"
     android:layout_marginRight="@dimen/_10sdp" />
    
  3. We can add MarkerView for Trim slider using MarkerView in your design. ```xml // starting trim slider

// ending trim slider

4. we have to add this two permission in AndroidManifest.xml
```xml
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
  1. We change change color of wave form while recording, display recorded waves form and current position of slider.
    <color name="recording_waves_color">#FFFFFF</color>
    <color name="recorded_waves_color">#FFFFFF</color>
    <color name="recorded_current_index_line_color">#ffd600</color>
    

Credits:

UI Referance:

Find this sample useful? ❤️

Support it by joining stargazers for this repository.⭐

🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or a feature request, we'd love to have you! 💪 Check out our Contributing Guide for ideas on contributing.

Bugs and Feedback

For bugs, feature requests, and discussion please use GitHub Issues.

License

Copyright 2021 Simform Solutions

 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.
Apps
About Me
GitHub: Trinea
Facebook: Dev Tools