This is an example of web speech API application which mixed with Javascript.
I learned this tutorial from Traversy Media Youtube. click here
And my GitHub code here
Step1:
the layout of this site is based on Bootstrap4
bootstrap css
bootstrap scriptCopy the link from bootstrap website.
Step2:
HTML
htmlThere are four form-groups inside of content.
layout
Step3:
JS
initial DOM
According to what is typing in the textarea and then select the option lang name, it trigger the web speech API. And also the pitch and rate are changable within the range.