JSFiddle - React, Tailwind, and code Playground
JavaScript
textToSpeech("Ik ga ervan uit dat de mens een groot vermogen bezit om externe informatie op te slorpen ,\" legt professor Georges uit . Hij kan zelfs 5 tot 6 maal méér informatie verwerken dan het debiet van het gesproken woord , 120 woorden per minuut . Teamgeest is voor mij geen ijdel woord . In de tweede plaats komen puur betekenisloze verhaspelingen niet in aanmerking , want die zijn niet ontstaan door verwarring met een ander woord .", "nl")
function textToSpeech(text, language) {
if(text === undefined || text === null || text.length === 0)
return
var vid = document.createElement("iframe")
document.body.appendChild(vid)
var textParts = []
text.split(" ").forEach(function(word) {
var textPartsIndex = textParts.length - 1
var currentStr = textParts[textPartsIndex]
if(currentStr !== undefined && currentStr.length + word.length < 100)
textParts[textPartsIndex] += " " + word
else
textParts.push(word)
})
function play(txt) {
vid.src = "http://translate.google.com/translate_tts?tl=" + language + "&q=" + txt
}
var partIndex = 0
play(textParts[partIndex])
var intervalId = setInterval(function() {
var part = textParts[++partIndex]
if(part !== undefined)
play(part)
else
clearInterval(intervalId)
}, 9000)
}