JavaScript: Create Speech to Text Converter

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: on Mar 21, 2025 05:39 AM
Forum: ASP.Net Web Forms
Replies: 1
Views: 570

Hi,

How to create Speech to Text Converter in Javascript?

Can you please share an example?

Mudassar

0 1

Reply
User: Mudassar
Replied: on Apr 02, 2025 01:36 AM
Report

Hi makenzi.exc,

Refer below example.

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <div id="dvText"></div>
    <script type="text/javascript">
        var speech = true;
        window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

        var speechRecognition = new SpeechRecognition();
        speechRecognition.interimResults = true;
        speechRecognition.addEventListener('result', e => {
            document.getElementById("dvText").innerHTML = Array.from(e.results)
                .map(result => result[0]).map(result => result.transcript)
                .join('');
        });

        if (speech == true) {
            speechRecognition.start();
            speechRecognition.addEventListener('end', speechRecognition.start);
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

JavaScript: Create Speech to Text Converter

Company

Explore

Follow us

Contact Us