feat(audio): Haus ambient sounds + YouTube player fix

Browse Source

WhiteNoise replaced with full ambient mixer:
- 6 categories: Noise, Rain, Nature, Places, Things, Animals
- 29 real ambient sounds from Haus (MIT licensed)
- Howler.js for playback with looping and per-sound volume
- Mix multiple sounds simultaneously
- Category tab navigation
- 300ms fade in/out for smooth toggling

MusicPlayer fixes:
- Removed origin param (causes issues behind reverse proxy)
- Added onError handler for YouTube errors
- Added onStateChange to track playing state
- Player container 1x1 opacity:0 instead of offscreen positioning

...

This commit is contained in:

Dustin Newkirk

2026-06-05 15:12:51 -04:00

parent 5131eb729f

commit 5dbe30b43c

95 changed files with 256 additions and 245 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

frontend/public/sounds/alarm.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/beehive.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/birds.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/cat-purring.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/chickens.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/cows.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/crickets.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/crows.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/dog-barking.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/frog.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/horse-gallop.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/owl.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/seagulls.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/sheep.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/whale.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/wolf.mp3

BIN

Binary file not shown.

frontend/public/sounds/animals/woodpecker.mp3

BIN

Binary file not shown.

frontend/public/sounds/binaural/binaural-alpha.wav

BIN

Binary file not shown.

frontend/public/sounds/binaural/binaural-beta.wav

BIN

Binary file not shown.

frontend/public/sounds/binaural/binaural-delta.wav

BIN

Binary file not shown.

frontend/public/sounds/binaural/binaural-gamma.wav

BIN

Binary file not shown.

frontend/public/sounds/binaural/binaural-theta.wav

BIN

Binary file not shown.

frontend/public/sounds/chime.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/campfire.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/droplets.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/howling-wind.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/jungle.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/river.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/walk-in-snow.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/walk-on-gravel.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/walk-on-leaves.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/waterfall.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/waves.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/wind-in-trees.mp3

BIN

Binary file not shown.

frontend/public/sounds/nature/wind.mp3

BIN

Binary file not shown.

frontend/public/sounds/noise/brown-noise.wav

BIN

Binary file not shown.

frontend/public/sounds/noise/pink-noise.wav

BIN

Binary file not shown.

frontend/public/sounds/noise/white-noise.wav

BIN

Binary file not shown.

frontend/public/sounds/places/airport.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/cafe.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/carousel.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/church.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/construction-site.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/crowded-bar.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/laboratory.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/laundry-room.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/library.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/night-village.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/office.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/restaurant.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/subway-station.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/supermarket.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/temple.mp3

BIN

Binary file not shown.

frontend/public/sounds/places/underwater.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/heavy-rain.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/light-rain.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/rain-on-car-roof.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/rain-on-leaves.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/rain-on-tent.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/rain-on-umbrella.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/rain-on-window.mp3

BIN

Binary file not shown.

frontend/public/sounds/rain/thunder.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/boiling-water.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/bubbles.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/ceiling-fan.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/clock.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/dryer.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/keyboard.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/morse-code.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/paper.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/singing-bowl.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/slide-projector.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/tuning-radio.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/typewriter.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/vinyl-effect.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/washing-machine.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/wind-chimes.mp3

BIN

Binary file not shown.

frontend/public/sounds/things/windshield-wipers.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/airplane.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/inside-a-train.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/rowing-boat.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/sailboat.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/submarine.mp3

BIN

Binary file not shown.

frontend/public/sounds/transport/train.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/ambulance-siren.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/busy-street.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/crowd.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/fireworks.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/highway.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/road.mp3

BIN

Binary file not shown.

frontend/public/sounds/urban/traffic.mp3

BIN

Binary file not shown.