1
0
Fork 0
ARCHIVE: The objective of this repo is to be a very simple soundboard with a random shuffle between sounds/music feature.
Find a file
2015-10-04 14:54:33 -05:00
scripts First commit 2015-10-04 14:46:02 -05:00
sounds First commit 2015-10-04 14:46:02 -05:00
styles First commit 2015-10-04 14:46:02 -05:00
index.html First commit 2015-10-04 14:46:02 -05:00
LICENSE Initial commit 2015-10-04 14:48:15 -05:00
README.md First commit 2015-10-04 14:46:02 -05:00

Super Simple Shuffling Soundboard

Oh my! What is it exactly?


The objective of this repo is to be a very simple soundboard with a random shuffle between sounds/music feature.


How to use

  1. Download (or clone) this repo.
  2. Save any sound effects and music you wish to use into your sounds directory.
  3. Open index.html in your web browser and a text editor/IDE.
  4. Make groups of <div class="sounds"> just like the examples given.

Example:

<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.


Credits

Thanks to FontAwesome, jQuery, and HTML Boilerplate.