Skip to content

A simple and lightweight web application that allows users to record audio directly from their browser

License

Notifications You must be signed in to change notification settings

olivvius/simple-voice-recorder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎙️ Voice Recorder Web App

📝 Description

A simple and lightweight web application that allows users to record audio directly from their browser. It features customizable audio quality options and an intuitive user interface. If you don't want to install complex audio software on your computer but a simple and quick app to record your voice with quality options, this is the solution. No need to install, it is accessible locally by openning it with your favorite browser on any platform.

📷 Screenshot

✨ Features

  • 🔴 Live audio recording
  • 📊 Audio quality selection (from 16kbps to 320kbps)
  • ⏱️ Recording duration counter
  • 🎧 Audio preview
  • 📥 Direct recording download, webm format

🖥️ Compatibility

  • Modern browsers (Chrome, Firefox, Edge, Safari)
  • Works on desktop and mobile
  • No installation required

🚀 Quick Usage

  1. Open the index.html file in a browser OR got to deployment github page: https://olivvius.github.io/simple-voice-recorder/
  2. Select the desired audio quality
  3. Click on "Start Recording"
  4. Speak into your microphone
  5. Click on "Stop Recording"
  6. Listen to or download your recording

🛠️ Technologies Used

  • HTML5
  • JavaScript (MediaRecorder API)
  • Bootstrap 4.5.2
  • Quicksand Font

📦 Dependencies

  • No server dependency required
  • Internet connection needed for Bootstrap CDN and Google Fonts

🔒 Permissions

  • Microphone access required
  • Permission request automatically triggered upon recording

🌐 Deployment

Can be hosted on:

  • GitHub Pages
  • Netlify
  • Any static file hosting provider

🤝 Contribution

  1. Fork the project
  2. Create a branch for your feature
  3. Commit your changes
  4. Push your branch
  5. Create a Pull Request

📄 License

Apache 2.0 License

🔜 Possible Future Improvements

Multilingual support

Support for more audio formats (e.g., MP3, WAV, FLAC)

Editing recorded audio (trim,cut)

Direct sharing (e.g., social media, email, cloud storage)

Cloud backup integration (e.g., Google Drive, Dropbox)

Noise reduction and audio enhancement

Voice-to-text transcription

Dark mode for better accessibility

Metadata editing (title, date, tags)

About

A simple and lightweight web application that allows users to record audio directly from their browser

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages