I initially got the idea of building this after watching a Youtube video by Vlog Creations where Ross plugs in another mouse in a computer in a public library and played around with people trying to use the computers. What if he could sync multiple computers and remotely open videos and confuse the whole library? During Zoom meetings, teachers would often have to unmute and disrupt the whole class just to tell a student to turn on or adjust their camera, which could be annoying to other students, especially during a test. This inspired me to implement the recorder and text-to-speech features.

What it does

A chrome extension that allows people to remotely:

  • Open links
  • Upload and play audio
  • Record and play audio
  • Read out loud (text-to-speech)
  • Show messages
  • Upload and show images

This can be used to:

  • Remotely rickroll multiple people simultaneously
  • Play music simultaneously to sync across all your devices
  • Directly notify a student without having to unmute and talk to the entire class

How we built it

I used Firebase Realtime Database to send and listen for actions, and Firebase Storage to upload images or audio files. Languages I used include Javascript, HTML, CSS and JSON. I chose to include jQuery to develop things a bit faster. To make things looks nicer, I used Bootstrap.

Challenges we ran into

I have not build a Chrome extension before, so it took quite some time to just get the basic structure of the extension to include a popup and background script, as well as saving. Also, it took a lot of tries to get the audio recorder working properly.

Accomplishments that we're proud of

I'm proud of finishing the project and overcoming the many bugs I ran into along the way.

What we learned

I learned how Chrome extensions and web audio recorders work.

What's next for Remote Controller

  • Publish the extension on the Chrome Webstore
  • Deploy web app on the (which is taking some time to hook up with the host)
Share this project: