Navigate a website by clicking your fingers and saying the link to which you want to go.
Try the demo (only works in Chrome and Safari; Firefox doesn't support transcription yet)
The first version of this project was built in an hour.
click.mp4
First, clone the project repository:
git clone https://github.com/capjamesg/awsnap.js
cd awsnap.js/
To run the project, you will need to run a web server that serves the files in the awsnap.js
folder. You can do this in Python with the following command:
python -m http.server
Then, open up the project. By default, the command above will serve a web page at http://localhost:8000
. The URL at which your page is served will depend on what tool you use to set up the server.
Note: The http.server method is recommended for local testing only. It is not built for production use. In production, you can serve the project files in any way you want; the files are static and don't require additional treatment beyond being on a web server.
When you open the project page, there are two commands you can use:
- Click your fingers then say a word or phrase featured in a link to open the link in an
iframe
. - Clap your hands and an emoji will appear above the default list of links.
This project was inspired by Charlie Gerard's 2023 Beyond Tellerrand talk and Ana Rodrigues' State of the Browser 2023 talk.
Tantek came up with the name awsnap.js
. Thank you, Tantek!
This project is licensed under an MIT license.