How to put a text-to-speech in a loop

Question

I'm using the js library p5.speech. I'm trying to get each strings throught the speech function. However, each time it repeats the same strings. So is the issue coming from my code or the js library (and in this case, what library should i use?)

  const btReport1 = document.getElementById('report1');
btReport1.addEventListener('click', function(e) {

myVoice.setVoice('Google UK English Female');
  for(var i=0; i<allData.length;i++){
    console.log("allData"+i+" = " + allData[i].profile.length);
     // myVoice.speak(allData[i].profile.length+" patients have "+ allData[i].food);;
     setTimeout(function afterTwoSeconds() { myVoice.speak(allData[i].profile.length+" dogs have "+ allData[i].food);}, 1000);
  }      
});

`i` is going to be 2 by the time the `setTimeout` fires which is why they all say the same thing. — zero298, Sep 06 '18 at 16:53
you need to delay longer each one, replace `1000` with `1000 * i` — dandavis, Sep 06 '18 at 17:01

score 0 · Answer 1 · answered Sep 06 '18 at 16:54

0

In your for loop, try replacing var with let so that

for(var i=0; i<allData.length;i++){

becomes

for(let i=0; i<allData.length;i++){

For more info, see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

answered Sep 06 '18 at 16:54

rnli

575
8
16

i just tried. Still the same... – Alexandre Le Sep 06 '18 at 16:59

How to put a text-to-speech in a loop

1 Answers1