https://github.com/IainIsCreative/johnny-five-speech-recognition-lamp

A lamp that loops through colours using Johnny Five and controlled by HTML5 Speech Recognition.
https://github.com/IainIsCreative/johnny-five-speech-recognition-lamp

arduino babel es6 express hardware iot javascript johnny-five led-controlling nodebots socket-io speech-recognition voice-commands webpack websockets

Last synced: about 1 month ago
JSON representation

A lamp that loops through colours using Johnny Five and controlled by HTML5 Speech Recognition.

• Host: GitHub
• URL: https://github.com/IainIsCreative/johnny-five-speech-recognition-lamp
• Owner: IainIsCreative
• Created: 2017-03-29T20:41:58.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-04-14T16:12:19.000Z (over 7 years ago)
• Last Synced: 2024-06-05T03:34:14.346Z (3 months ago)
• Topics: arduino, babel, es6, express, hardware, iot, javascript, johnny-five, led-controlling, nodebots, socket-io, speech-recognition, voice-commands, webpack, websockets
• Language: JavaScript
• Homepage:
• Size: 136 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-nodebots - Johnny-Five Speech Recognition Lamp - a lamp that loops through colours and uses `SpeechRecognition` for control by [Iain](https://twitter.com/IainIsCreative). (Examples / Robot Programming Plugins)

README

        
# Voice Activated Lamp with Johnny-Five

![Voice Activated Lamp with Johnny-Five](https://github.com/IainIsCreative/johnny-five-speech-recognition-lamp/raw/master/assets/lamp.jpg)

An example of HTML5 Speech Recognition used to control a lamp using Socket.io and Johnny-Five.

## Why Speech Recognition and Robots?

This was merely a small experiment of making a small lamp with Johnny-Five but also using speech recognition for control. With this, we can have a web app using Speech Recognition for commands that are then sent to our server, which will then check and change the robot's state, the robot being our lamp.

It's also worth noting **this is just a prototype project.** It's nothing production ready and was made for fun, but also for practicing JS stacks and organisation.

## How do I make this lamp?

Don't worry — you can find instructions and a circuit here for making the circuit for the lamp. Included in the file are a list of components and also a detailed guide for first-timers.

## Installation

Clone this repository and then use `npm` or `yarn` to install the project's dependencies. In this README, I will be using Yarn (as it's super powerful) but any commands here can be used with `npm` as well. Your choice.

```

yarn install

```

## Running the project

To run the project *as is*, then simply run the `build` command and then run `start` to get the project going.

```

yarn build

yarn start

```

### Running the project under Development

If you wish to use this for development purposes and even extend it, it's best to use `dev-start` and `dev-server`. `dev-start` is to run Nodemon to watch our files and update on the fly while running a web server. `dev-start` initiates a Webpack Server to watch for changes on the client files and update them.

```

yarn dev-start

yarn dev-server

```

## All Commands

- `dev-start` : Starts the Express Server and uses Nodemon to watch for changes

- `dev-server` : Begins a Webpack Development Server to rebundle your scripts.

- `build` : Compile all the code for production.

- `start` : Start the production copy of the server.

- `test` : Check and test the code.