Bug & Moss Really Simple Soundboard

This is the card with a bunch of buttons. It's the main hub for managing your soundboard.

• Add Sound/Timer/Note: Creates a new card of that type! They'll spawn immediately to the LEFT of the control card. (More details about each type can be found in their own dropdowns.)
• Rearrange: Toggles rearrange mode. Click and drag cards to SWAP their positions. I know this is a bit of a PITA. Someday I hope to make it so you can drop cards in-between, and they'll scoot over instead of swapping. If you wanna help, this thing is on github.
• Upload/Download: Save or load your entire board configuration, INCLUDING THE SOUNDS, to a JSON file! It'll pop into your downloads without a popup (probably), and the title will be whatever your board title is. (Nerds: the files are stored as an array buffer in IndexedDB, and converted to base64 when they go into the json)
• Storage: An overview of how much of your browser storage is being used, as well as a setting to toggle "storage durability" which should provide a little extra protection against accidental data loss! This is also where you go to delete your entire board, if you want to do that! It also deletes the associated sound files.
• Cosmetics: Change the colors and font of your soundboard. This is probably the jankiest cosmetic menu on earth, and I'm particularly proud of the font selector lmao.
• Switch Board: Switch between different soundboards, or create new ones! Make as many boards as you want! Just beware that I haven't tested any of this with an extreme amount of buttons/boards/data, so I have no idea what happens if it gets too big.
(Nerds: This works by changing the url to have a parameter named after the board name you choose, which causes a new IndexedDB database to be created. I dunno what happens if you make two boards with the same name, but it probably breaks.)

Play a sound by clicking the big button. Stop a sound by clicking the button while a sound is playing. If there are multiple files in the button, this will skip to the next file (depending on the other options explained below). Volume affects how loud the sound plays. Speed affects the playback speed of the sound. It's a bit jank, but it's pretty fun. Edit the button by clicking the colorful triangle corner in the bottom right of the button. Inside the settings menu you can: Change the button color using the little colored square to the left of the button title field. Change the button name by clicking on the title field and typing a new name. Multiple sounds can be added to a button. There is no limit! You can remove individual files from the list, or clear them all using labeled buttons. Random will randomly select a file from that button each time it is clicked to play. Autoplay will automatically play the next sound when the currently playing sound ends. Priority is useful for situations like playing a bumper over music. Any buttons with "Priority" will temporarly turn down any non-priority buttons until the priority sound finishes. It's auto-ducking, basically! Loop will loop whatever sound is playing, restarting it when it ends.

Timers run a countdown, and can also trigger buttons at the start and end! Start will start the timer. Reset will stop and reset the timer to its initial time, but WILL NOT reset any other settings (like Starts & Ends With cues). Uncheck "Lock Timer Settings" to edit the following timer properties: "Starts With" lets you select a button to play when the timer starts. "Ends With" lets you select a button to play at the end of the timer -- with a catch! When you have selected an "Ends With" sound, the timer will hit 0:00 exactly as the "Ends With" sound FINISHES playing! This makes it a powerful tool for timed segments, as you can input the desired segment length and your outro cue will 'play you out' automagically! Sometimes this function fails to calculate the length of the end cue (I've only had it fail on mobile), and as a fallback - it will play when the timer ends. But 99% of the time, the Timer Card should end WITH the sound. The timer is pretty darn accurate, and stays running even if the tab is in the background or the page is refreshed!

A simple place to keep notes! I like to use it to copy/paste URLs for articles or stuff we talk about on the show. Or to jot down stuff to talk about on future shows. You can even store multiple notes in a single card. Click the little "+" button to add a new tab inside the note card. You can edit the title of a note by clicking the text "New Note" and changing it to whatever you want. Other than that it's just a text box. Go crazy!

This soundboard is an installable Progressive Web App (PWA). IMPORTANT: When you install this as an app, your boards will NOT transfer over automatically. You will not lose any data, but any boards you have already created will need to be downloaded from the website and then uploaded to the app. Install App for Offline Use If the install button is greyed-out or disabled, it means your browser isn't ready. Sometimes this takes a second. Try waiting a minute and reloading the page. If you're on mobile, you might have to go to "Share Page" and then "Add to Home Screen" (or something like that). As always, ALL of your data is stored ONLY on your device. Even if you use the website version. I don't want to pay for a server lmao. Your data is stored locally and can be double-protected from automatic cleanup by enabling "Storage Durability" in the Storage menu. Mobile doesn't seem to like that. IndexedDB is pretty robust, and doesn't tend to clear out unless you're REALLY low on space - so you probably don't even need to worry about it. (Tip: if you REALLY want to use this soundboard on mobile, create the boards on a computer first, download your config, email it to yourself, download it from the email on your phone, and upload the config to the mobile site/app. Badaboom, it works.)