A fun unofficial sound-effects app. I made this so my kids could have sound-effects and music when playing the Monopoly Gamer board game. Collecting coins from the bank has never sounded so good!
Its a small showcase of the amazing sounds and icons of the Mario franchise.
View the live version here.
Host the files on a web server, or if you have Node.js run:
npm init
npm start- We need to pre-load audio so sounds will play instantly as soon as they are clicked (with no buffering or loading). A good way to do this is to begin loading all audio async when the app loads and disable each button until it's audio has loaded.
HTML5 Audiodoesn't guarantee pre-load, so we must useWeb Audio API. Mp3files can't loop seamlessly (see reddit, stackoverflow, and here), so another format needs to be used for looping sounds, such asWebMorOgg. Refer to MDN for more info about audio codecs and containers.