This repository contains the code for an Online Voice Recorder, built using HTML, CSS, and JavaScript, with the integration of the Wavesurfer.js library for audio recording and playback. The recorder provides a simple user interface for recording, pausing, and managing audio recordings.
- Recording: Users can start and stop recording their voice.
- Pause and Resume: Pause and resume functionality allows users to interrupt and continue their recordings.
- Timer: A timer displays the duration of the recording session.
- Mic Selection: Users can choose from available audio input devices.
- Preview: After recording, users can preview the recorded audio.
- Save and Send: Save and send the recorded audio file.
- Delete: Option to delete the recorded file with a confirmation prompt.
- Styling: The UI is styled using Bootstrap for a clean and responsive design.
- Wavesurfer.js: The audio recording and playback functionality is implemented using the Wavesurfer.js library, which provides a customizable waveform visualization.
- Bootstrap: The popular Bootstrap framework is used for styling and responsive design.
- SweetAlert2: Used for attractive confirmation modals.
- Clone the repository to your local machine.
- Open the
index.htmlfile in a web browser.
- Open the webpage in a browser.
- Click on the "Record" button to start recording.
- Pause and resume recording as needed.
- Once done, click on the "Preview" button to listen to the recording.
- Click "Save and Send" to complete the recording process.
- Optionally, use the "Delete" button to discard the recording.
- Mic Selection: Users can choose the desired microphone from the available options in the dropdown menu.
- Custom Styles: Customize the recorder's appearance by modifying the
custom.cssfile.
- Ensure that your browser supports the necessary features for audio recording. Some features might not be available in all browsers.
This Online Voice Recorder is licensed under the MIT License. Feel free to use and modify the code according to your needs.