loading...

Remote Soundboard

amyskapers profile image Amy Kapernick Updated on ・1 min read

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

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



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)

Discussion

pic
Editor guide