Inspiration

As a teacher and instructor, I'm always looking for ways to motivate, encourage, and have fun with my students. I created this application to help with classroom management as well as add an element of friendly competition for student motivation.

Volume Monitor

A web application that monitors microphone input volume and plays an alert sound when the volume exceeds a configurable threshold.

Features

• 🎤 Real-time microphone volume monitoring
• 📊 Visual volume level indicator
• 🔊 Configurable decibel threshold
• ⚠️ Alert sound when threshold is exceeded
• 🎨 Modern, responsive UI
• 🔊 Frequency monitoring for male vs female voices

Usage

1. Open index.html in a modern web browser
2. Click "Start Monitoring" to begin
3. Grant microphone permissions when prompted
4. Adjust the threshold slider to set your desired decibel level
5. The app will play a beep sound when the volume exceeds the threshold

Technical Details

• Uses Web Audio API for microphone access and audio analysis
• Calculates RMS (Root Mean Square) to determine volume levels
• Converts amplitude to decibels for display
• Implements cooldown mechanism to prevent alert spam

Browser Compatibility

Requires a modern browser with support for:

• Web Audio API
• MediaDevices.getUserMedia()
• ES6+ JavaScript features

Security Note

This application requires microphone access. The audio processing is done entirely client-side - no audio data is transmitted to any server.