Navigate your web app with your voice
npm i voice-actions-web
import VoiceActions from 'VoiceActions';
// In App.js
VoiceActions("button1Id", "button2id");
function Button(){
return(
<button id="click2" onClick={()=>{
VoiceActions({"actionIds":["click","click2","click4","click5","click6"]})
}}>Let me try this</button>
)
}
// Add Buttons with IDs here
function App() {
VoiceActions({"actionIds":["click","click2"]})
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
</header>
<button id="click">Go to Home </button>
<button id="click2"> Go to About </button>
</div>
You can configure it to any event to start for the first time (using VoiceActions function). Post that every mouse click would result into a voice command identification.