Speech to Text, TTS Repeats 3 Times

This is a speech to text, then to TTS. Chrome only. The way it is supposed to work is if the user says “go” into the mic, the TTS then says “green”. The problem is it repeats “green” 3 times instead of 1 time.

I tried to use a counter to get it to only say “green” once, it did not work. Same thing happened when I used a completely different speech to text routine.

Any ideas, please?

<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
    <title>Speech to Text</title>
    <div class="words" contenteditable>
        <p id="p"></p>
        var speech = true;
        window.SpeechRecognition = window.SpeechRecognition
                        || window.webkitSpeechRecognition;
        const recognition = new SpeechRecognition();
        recognition.interimResults = true;
        const words = document.querySelector('.words');
        recognition.addEventListener('result', e => {
            const transcript = Array.from(e.results)
                .map(result => result[0])
                .map(result => result.transcript)
            document.getElementById("p").innerHTML = transcript;

var count;
var str = transcript;    
var check = str.includes("go");

        if (speech == true) {
            recognition.addEventListener('end', recognition.start);
   function funcOutput() {

           var speech = new SpeechSynthesisUtterance();

           speech.volume = 1;
           speech.pitch =  1;
           speech.rate = 1;   
           var voices = window.speechSynthesis.getVoices();
           speech.voice = voices[1];    
           speech.text =  ("Green") ;   

Anyone can help, please?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.