Soundboards are a fun and easy way to hear some of our favourite people recite their most famous lines, and maybe not so famous ones. They can be found all over the Internet and are used for everything from personal recordings to having a few laughs with some friends. Although they come in different varieties, you may still choose to create your own custom soundboard. This enables you to add many handpicked sound clips to your soundboard Web page.
Open your sound recording and editing software. Add your sound clip or start recording with your microphone the sound you would like to use on your soundboard.
Edit your sound clip by cutting out the unnecessary sections. Make sure you just have the small, usable sound-byte and no additional sounds on the file.
Export the file with your sound recording and editing software in a widely compatible format that has a small file size and is appropriate for the web (e.g., MP3, WAV). Also, make sure you save your sound file in an easy-to-locate folder inside your website folder (such as "Your_Soundboard/Sounds").
Open Adobe Flash and select "Flash File (Actionscript 3.0)" under "Create New."
Add your sound clips by going to "File," "Import," "Import to Library." Browse and select your sound files.
Choose the rectangle tool, located on the left tool bar, and draw a rectangle shape. Edit the shape to a likable size for your buttons. Once you have it where you want it, highlight, copy and paste it however many times you will need to in order to have a button for each sound.
Go to your layers panel, at the top left, and choose "New Layer." You will need to create one new layer for each rectangle/button you've made. Name your layers after the titles of your sound files.
Cut and paste your rectangle/buttons into their layers. Do this by right-clicking each one individually, selecting the appropriate layer, and choosing "Paste in Place."
Select one of your rectangles and right-click on it. Choose "Convert to Symbol" from the menu. Now choose "Button" for the type of symbol. Name it the same as the song title and hit "OK." Do this for each rectangle/button.
Double-click one of your buttons, and you will notice the frames window has changed. Add a keyframe (hit F6) for "Up," "Over," "Down" and "Hit." Here you will be able to adjust your buttons to change when they are in a different state (e.g., your button glows in the down state). Do this for the rest of your buttons.
Go back into each of your buttons and select the frame labelled "Down." Choose the "Sound" option under properties at the bottom. You will see all of your sound files. Select the one that matches with the button you're on. Do this for the rest of your buttons.
Save your file and make sure everything is exactly how you want it. Now choose "Publish" in the properties menu at the bottom. The "Publish" window will open. Select "Export."
Check the .html file that Flash exported for you to make sure everything works.
Always test your file before putting it live on the Web. Make sure your .swf and .html files are in the same folder.
Tips and warnings
- Always test your file before putting it live on the Web.
- Make sure your .swf and .html files are in the same folder.