https://github.com/karthik1726/voice-navigation-website
I made a Voice Navigation Website using Web Speech API and deployed it using Vercel.
https://github.com/karthik1726/voice-navigation-website
css html javascript webspeech-api
Last synced: about 2 months ago
JSON representation
I made a Voice Navigation Website using Web Speech API and deployed it using Vercel.
- Host: GitHub
- URL: https://github.com/karthik1726/voice-navigation-website
- Owner: karthik1726
- License: mit
- Created: 2025-03-30T07:53:11.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T09:01:19.000Z (about 2 months ago)
- Last Synced: 2025-03-30T09:25:12.647Z (about 2 months ago)
- Topics: css, html, javascript, webspeech-api
- Language: HTML
- Homepage: https://voice-navigation-website.vercel.app/
- Size: 1.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: news.html
- License: LICENSE
Awesome Lists containing this project
README
# Voice Navigation Website
## Description
The **Voice Navigation Website** is a web-based application that allows users to navigate a website using voice commands. Built using **HTML**, **CSS**, and **JavaScript**, it leverages the **Web Speech API** for voice recognition, providing a hands-free browsing experience. Users can interact with the website simply by speaking, making it more accessible and efficient.
Project Link https://voice-navigation-website-kola-karthiks-projects.vercel.app/
## Features
- Voice-controlled navigation for interactive web elements.
- Real-time speech-to-text transcription.
- Hands-free browsing experience for easier accessibility.
- Support for basic voice commands such as "Go to Home", "Scroll Down", "Click Submit", etc.
## Technologies Used
- **HTML**: For structuring the web page.
- **CSS**: For styling the webpage and layout.
- **JavaScript**: For handling functionality and integrating with the Web Speech API.
- **Web Speech API**: For speech recognition to convert voice inputs into text.
### Prerequisites
- A **web browser** (Chrome, Firefox, Safari recommended) with support for the Web Speech API.
- **Node.js** (if you're running a local server, optional).
### Steps to Install
If you'd like to run the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/voice-navigation-website.git
2. **Navigate into the project directory:**
```bash
cd voice-navigation-website
3. Open the **index.html** file in your web browser to view the application:
```bash
open index.html
4. Click on the microphone button to start voice recognition.
5. Speak into your microphone, and the website will interpret your commands.
6. Example voice commands: "Go to Home", "Scroll down", "Show Games", etc.
## Example Use Case
- Voice Navigation: Users can navigate between different sections of the website by speaking commands like "Go to Home", "Open Contact Page", or "Scroll down".
- Form Submission: Use the voice command "Submit" to automatically trigger form submissions if applicable.
## Contributing
We welcome contributions! To contribute, please follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature/your-feature-name
3. Commit your changes:
```bash
git commit -am 'Add a new feature'
4. Push to your branch:
```bash
git push origin feature/your-feature-name
5. Submit a Pull Request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Acknowledgements
Special thanks to MDN Web Docs for their helpful documentation on the Web Speech API.
Thanks to Vercel for providing an easy and efficient way to deploy the project.