What I built
A soundboard that can be used by attendees during a remote presentation, attendees can access the page and react to a presentation, the sound then plays on any device that has the page open in the browser.
This allows the audience to react to a presentation, to hear other audience members reacting and for the speaker to get feedback from the audience on their talk, without them unmuting their microphone or when they're on a one-way platform (eg. Twitch, YouTube Live, Teams Live, etc).
Category Submission:
COVID-19 Communications, Engaging Engagements, Exciting X-Factors
Link to Code
Remote Soundboard
A soundboard for use in remote presentations, that allows remote attendees to react to a presenter, with sounds playing for any user that has the page open.
Demo
To Use
- Download repository
- Run
npm installoryarn install - Run
cp .env.example .envto create new.envfile - Fill in env variables in
.envfile from your Twilio account - Use
npm startto run locally - Use ngrok to expose the page for other users
Env Variables
-
TWILIO_ACCOUNT_SID- Account SID, found in Twilio Console -
TWILIO_API_KEY&TWILIO_API_SECRET- Generate API key and API secret here in Twilio Console -
TWILIO_SYNC_SERVICE_SID- Get the default service SID, or create a new service [here in the Twilio Console
How I built it (what's the stack? did I run into issues or discover something new along the way?)
- Running on Express
- Using the Twilio Sync API to play the sound remotely on any device that has the page open
Additional Resources/Info
Built on my Twitch stream
https://www.twitch.tv/videos/603849527
Live Demo also available on request (not hosted, running locally on my computer, but can be set up to demo)
Top comments (0)