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

amykapernick / remote-soundboard

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

https://vimeo.com/413798818

To Use

• Download repository
• Run npm install or yarn install
• Run cp .env.example .env to create new .env file
• Fill in env variables in .env file from your Twilio account
• Use npm start to 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

View on GitHub

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)