how to build a smart calculator with voice input
how to build a smart calculator with voice input
This tutorial focuses on speech recognition API in javascript. Using Speech recognition API, we'll get the audio input for the calculator. Then we manipute the voice input that we've got. Additionally, we'll learn how to create a bubble effect in CSS & also we'll learn to create a tooltip.
The link to the final output:
https://github.com/abarna-codespot/ca...
The link to the code for basic calculator:
https://github.com/abarna-codespot/A-...
The tutorial for the basic calculator:
• how to build a simple calculator using jav...
A summary of the above tutorial:
Steps for speech recognition:
1. For recording, use The SpeechRecognition interface of the Web Speech API.
2. Create a new SpeechRecognition object instance using the SpeechRecognition() constructor
3. Start() of SpeechRecognition will Start the speech recognition service, listening to incoming audio.
4. The onresult event handler will b Fired when the speech recognition service returns a result, as in it fires when the user stoped speaking.
5. Finally, get the transcript of the speech recognition.
Steps to manipulate the voice input:
1. Set the voice input to the output section of the calculator & after 2s the output section will be overridden by the result.
2. Define a function called evaluate for the above funationality.
3. Call the evaluate() after 2s using setInterval method in Javascript.
4. Now, put our eval function under a try catch block. if it works, it will print d result. if it doesn't, it comes to catch block where the output is set to empty & the exception is printed into d console.
Hope you enjoyed it. Thanks for watching!!