https://github.com/digitalcolony/simple-soundboard-svelte

🍭 Svelte version of the Simple Soundboard
https://github.com/digitalcolony/simple-soundboard-svelte

audio css javascript soundboard svelte

Last synced: 5 days ago
JSON representation

🍭 Svelte version of the Simple Soundboard

• Host: GitHub
• URL: https://github.com/digitalcolony/simple-soundboard-svelte
• Owner: digitalcolony
• Created: 2020-06-06T20:51:30.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-23T13:01:15.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T04:02:30.034Z (3 months ago)
• Topics: audio, css, javascript, soundboard, svelte
• Language: CSS
• Homepage: https://neilrogers.org/soundboard/
• Size: 3.12 MB
• Stars: 14
• Watchers: 3
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






# 🔊 Simple Soundboard - Svelte Edition

This repo is a Svelte rewrite of my [Simple Soundboard](https://github.com/digitalcolony/Simple-Soundboard), which uses jQuery.

## 🎼 Add Sounds and Setup a JSON file

Add the sound files you wish to have on your soundboard in the /public/sounds/ folder. Then create a JSON file to describe those files.

```json

   {

      "name": "A Stench of Cow Manure...",

      "artist": "Jim Mandich",

      "mp3": "/sounds/A-Stench-of-Cow-Manure.mp3"

    },

    {

      "name": "Absolutely Correct Sir",

      "artist": "Neil Rogers/Old Bridge Dude",

      "mp3": "/sounds/Absolutely-Correct-Sir.mp3"

    },

    {

      "name": "Anybody have a heart or a liver",

      "artist": "Jennifer Rehm",

      "mp3": "/sounds/Anybody-have-a-heart-or-a-liver.mp3"

    }

  ]

```

## 🔨 Build and Deploy

Visit the [Svelte website](https://svelte.dev/) to learn how to setup, build, and deploy a Svelte website.