50 Projects in 50 Days, Day 9: Sound Board (Pet Sounds!)

50 Projects in 50 Days, Day 9: Sound Board (Pet Sounds!)

The ninth installment of 50 Projects in 50 Days is simple but fun. It makes use of the HTML audio tag, but using JS methods to control playback.

I've had some experience using the audio tag in other projects, but I always did so using the HTML-based controls for play, fast forward, rewind, pause, etc. This project was interesting in its use of JS to play the sound files, and also to make sure any currently-playing audio is stopped before a newly-selected sound starts. These methods are further discussed on the W3 Schools site.

My Project: Pet Sounds