https://github.com/georgewpark/lock-and-unlock-with-voice

This project demonstrates how the JavaScript speech recognition API can be used to retrieve a spoken word from a user and perform an action (e.g. locking/unlocking a padlock) if that word is valid.
https://github.com/georgewpark/lock-and-unlock-with-voice

css javascript speech-recognition web-speech-api

Last synced: 3 months ago
JSON representation

This project demonstrates how the JavaScript speech recognition API can be used to retrieve a spoken word from a user and perform an action (e.g. locking/unlocking a padlock) if that word is valid.

• Host: GitHub
• URL: https://github.com/georgewpark/lock-and-unlock-with-voice
• Owner: georgewpark
• License: mit
• Created: 2018-08-16T20:38:20.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-12-20T15:18:58.000Z (over 6 years ago)
• Last Synced: 2025-01-15T11:12:31.497Z (4 months ago)
• Topics: css, javascript, speech-recognition, web-speech-api
• Language: CSS
• Homepage: https://cdpn.io/GBYqZv
• Size: 316 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# Lock and Unlock with Voice

This project demonstrates how the speech recognition API can be used to retrieve a spoken word from a user and perform an action (e.g. locking/unlocking a padlock) if that word is valid.

The speech recognition API is currently only [supported by Chrome](https://caniuse.com/#search=speech%20recognition).

![Lock and Unlock with Voice Demo](demo-gif.gif "Lock and Unlock with Voice Demo")

## Live Demo

A live demo is available on [CodePen](https://codepen.io/GeorgePark/pen/GBYqZv).

## License

This project is licensed under the MIT License - see the [license.md](license.md) file for details.

## Acknowledgments

Padlock design inspired by [Chris Cacioppe on Dribbble](https://dribbble.com/shots/4009114-Unlock-Animation)