The objective of this repo is to be a very simple soundboard with a random shuffle between sounds/music feature.
- Download (or clone) this repo.
- Save any sound effects and music you wish to use into your
sounds
directory. - Open
index.html
in your web browser and a text editor/IDE. - Make groups of
<div class="sounds">
just like the examples given.
<div class="sounds play">
<button class="play"><i class="fa fa-play fa-lg"></i></button>
<button class="pause"><i class="fa fa-pause fa-lg"></i></button>
<h3>Classical</h3>
<audio src="sounds/music/corta_jaca_tango.mp3"></audio>
<audio src="sounds/music/scott_joplin_kismet_rag.mp3"></audio>
<audio src="sounds/music/scott_joplin_the_nonparell.mp3"></audio>
</div>
In an effort to keep the javascript as simple as possible, the "play" class on the divs is necessary, as are the play and pause buttons.
Thanks to FontAwesome, jQuery, and HTML Boilerplate.