What it does Screamies transforms the "Reject All" button into an audio-gated challenge requiring users to sustain an 95dB+ scream at a specific pitch to opt out.

Challenges we ran into Fine-tuning the pitch detection thresholds to prevent users from cheating with background noise while avoiding actual vocal cord damage was a delicate balance. We also struggled to keep our development testing sessions quiet without alerting our confused housemates and neighbors.

Accomplishments that we're proud of We successfully built a fully functional, real-time audio pipeline that accurately detects pitch and volume with zero server latency. Most importantly, we created a pitch deck and demo that delivers maximum chaos wrapped in professionalism.

What we learnt We learned how to make a browser listen to and analyze sound in real-time. At the same time, we explored how cookie banners work and why the way companies ask for our permission actually changes how we use the internet

How we built it We built a client-side JavaScript overlay that injects a custom UI and uses the browser's WebAudio API to process real-time audio waveform data from the user's microphone. By running an AnalyserNode inside a requestAnimationFrame loop, we track sustain thresholds and screen-shaking CSS animations to programmatically click the site's native "Reject Cookies" button once a 2-second long high-decibel scream is verified.

Built With

  • requestanimationframe
+ 35 more
Share this project:

Updates