nSoundboard by DNA

Hey, this is a small application I made at 4 AM in the morning, which is just a simple soundboard which uses a Deno webserver for the backend and a Tauri frontend.

How to use

• Put your sound and thumbnail files in the client-folder. Example:

client/klingeling.mp3	-> Sound file
client/klingeling.png	-> Thumbnail file

• Other file formats will not be recognized by the application
• Updates in the client-folder will be recognized immediately, no need to restart the application
• To prevent the site from going to fullscreen when clicking, you can input the following code in the console:

localStorage.setItem("pfs", "a");

Initial setup

Cloning the repo

gh repo clone DNAScanner/Soundboard

Setting up the frontend

# Change directory
cd Soundboard/frontend

# Set up Rust
curl "https://static.rust-lang.org/rustup/dist/x86_64-pc-windows-msvc/rustup-init.exe" -o "rustup-init.exe"
.\rustup-init.exe
rm .\rustup-init.exe

# Set up Node.js
curl "https://nodejs.org/dist/v20.12.2/node-v20.12.2-x64.msi" -o "node-v20.12.2-x64.msi"
.\node-v20.12.2-x64.msi
rm .\node-v20.12.2-x64.msi

# Install dependencies
npm install

# IMPORTANT! Change the IP address in frontend/index.html to your device's IP address

# Build the frontend
npm run tauri build

# Done! The executable is at frontend/src-tauri/target/release/soundboard-daemon.exe

Setting up the backend

# Change directory
cd Soundboard

# Install Deno
iwr https://deno.land/x/install/install.ps1 -useb | iex

# Run the backend
deno run -A main.ts

Actually using the soundboard for what it's made for

I personally recommend Logitech MixLine for playing the sounds on your microphone, however you can basically use whatever app you want

Playing the sounds on your microphone using Logitech MixLine

• First, install the Logitech MixLine Beta
• When MixLine is installed, create a new virtual output device (which will be your new microphone) and also add your normal speakers
• Now, add the application with the Microsoft Edge Webview icon and your normal microphone
• Then, pull both inputs to the MIXLINE Record (or Stream) output
• Lastly, in the application, where you want to use the soundboard, use the MIXLINE Record (or Stream) as your microphone
• And now, enjoy your soundboard!