feat: add audio notification for user joins with mute/unmute toggle #422
+582
−2
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.


🔔 Audio Notification Feature
Description
This PR adds an audible notification system that plays a pleasant beep sound when a peer joins the chat session. This enhances user awareness of participant activity without requiring constant visual attention, improving the overall user experience.
✨ Features Implemented
🔔 Join Notification Sound
🔇 Mute/Unmute Toggle
💾 Persistent Settings
chat-e2ee-audio-notifications🎨 Changes Made
Modified Files
client/app.ts- Core audio notification logic and state managementclient/index.html- Added audio toggle button UI with SVG iconsREADME.md- Added feature to features list and updated contributorsdocker/Dockerfile- Fixed to useclient/distinstead ofclient/buildNew Files
CONTRIBUTORS.md- Professional contributors fileCHANGELOG.md- Project changelog with this featuredocs/AUDIO_NOTIFICATION_FEATURE.md- Complete feature documentationdocs/IMPLEMENTATION_SUMMARY.md- Technical implementation details✅ Testing Completed
npm run buildpasses successfully🔒 Security & Privacy
📱 Browser Compatibility
Web Audio API has universal support across all modern browsers.
🎯 User Experience
How It Works
Accessibility
📚 Documentation
Comprehensive documentation has been added:
🔧 Technical Implementation
Key Functions
playJoinBeep()loadAudioSettings()/saveAudioSettings()updateAudioToggleButton()🚀 Deployment
📝 Checklist
🎉 Future Enhancements
Potential improvements for future versions:
📸 How to Test
npm install && npm run dev👤 Contributor
@Avinash-yadav103
First-time contributor | Feature implementation | Documentation
This PR is ready for review and merge! ✅