The latest articles on Forem by Surojit Mondal (@mondalsurojit). https://forem.com/mondalsurojit https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1078534%2Ff713562d-da82-4d02-a82f-ccfb553840bd.png https://forem.com/mondalsurojit en Surojit Mondal Thu, 21 Mar 2024 02:07:04 +0000 https://forem.com/mondalsurojit/web-speech-api-simplified-g35 https://forem.com/mondalsurojit/web-speech-api-simplified-g35 <p><em>This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.</em></p> <h2> Explainer </h2> <ul> <li><p>Enables web apps to handle voice data using NLP, in real-time</p></li> <li><p>Features: SpeechGrammar, SpeechSynthesisVoice, SpeechSynthesisUtterance, Voice rate, Language &amp; Volume settings etc.</p></li> <li><p>Types: SpeechSynthesis(Text⇾Speech) &amp; SpeechRecognition (Asynchronous)</p></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc0mchm033a84769qfbhe.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc0mchm033a84769qfbhe.png" alt="SpeechSynthesis" width="800" height="448"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fklnu8w1mc4bufv34vdqh.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fklnu8w1mc4bufv34vdqh.png" alt="SpeechRecognition" width="800" height="245"></a></p> <h2> Additional Context </h2> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">developer.mozilla.org</span> </a> </div> </div> </div> frontendchallenge devchallenge javascript webdev