Speech.js | Simple wrapper for Chrome 's web speech recognition API | Speech library

As i can see you want to import parent component in child component.

While defining path './' represents the current directory in which you are working so you can go one level up by following '../' for one level up and the same goes for the upper level directory.

So if you want to import from public folder inside Speech.js component you could do something like this.

// In Speech.js

Unless you call preload() again the song is still assigned to the first .wav file. So when you increment currentSong in parseResult you still need to then reassign the next song. You could probably just call preload() again or add song = loadSound('audioFiles/' + songs[currentSong]); to the end of parseResult.

Did you try fat arrow => instead of function? Because this is not accessible inside a function

Questions like these are best answered by looking at the documentation for the library in question. Start by looking at the P5.js libraries page, which leads to the p5.speech documentation page here.

That documentation page says that continuous is a property of the p5.SpeechRec object, and it even links to some example code here.

Basically, you can't just pass in a random value to the start() function and expect it to work. You have to set the continuous variable yourself: