Skip to content
A simple speech-to-text app that changes background colour by voice.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
src
.babelrc
.editorconfig
.gitignore
LICENSE
README.md
demo.gif
package.json
server.js
yarn.lock

README.md

ColourMe

demo

A simple speech-to-text app that changes background colour by voice.

Set up using Express and Webpack from scratch.

Due to the size and goal of this project, I didn't implement SASS or work on a responsive solution. This app is best experienced on Chrome on a Mac or Windows machine.

Please allow 10 - 15 seconds for the app to load as free web dynos on Heroku go to sleep after 30 minutes of inactivity.

Demo

Click the title or check it out at https://wolfpilot-colourme.herokuapp.com/

Features

  • App hosted on secure server (HTTPS), so you'll only need to accept the microphone permissions once.
  • Debugging mode shows logs confidence levels, transcript and errors.
  • Implements the JS Page Visibility API to stop listening for voice when focusing on other browser tabs.
  • Uses CSS mix-blend-mode to add some spark and shine to the whole thing.

Support

This project features a few experimental technologies and thus is best supported by Chrome on desktop.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.