A simple web application built with Vanilla JavaScript that allows users to record audio from their microphone, visualize a live waveform during recording, and manage saved recordings using browser storage.
https://samplevoicenotes.netlify.app/
- 🎙️ Start / stop audio recording using the microphone
- 📊 Live animated waveform visualization while recording
- ⏱️ Recording duration display
- 💾 Save recordings to browser localStorage
▶️ Playback recorded audio with native controls- 🗑️ Delete saved recordings
- 📥 Download recordings using browser audio controls
- 📱 Clean, responsive UI inspired by the provided design
- HTML, CSS, Vanilla JavaScript
- MediaRecorder API – for audio recording
- Web Audio API (AnalyserNode) – for real-time waveform visualization
- Canvas API – for drawing the waveform
- localStorage – for persisting recordings
- Clone the repository
git clone <your-repo-url>