Skip to content

Instantly share code, notes, and snippets.

@glowka

glowka/index.html

Created August 7, 2018 18:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save glowka/77c8be61ab3bea479c723a555a60a3ac to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save glowka/77c8be61ab3bea479c723a555a60a3ac to your computer and use it in GitHub Desktop.
Download ZIP
PByZvw
Raw
index.html
1
<script src="http://code.responsivevoice.org/responsivevoice.js"></script>
<textarea id="text-to-speak"></textarea>
<input type="text" id="text-to-speak-pos">
<button onclick="start()">
start
</button>
<button onclick="pause()">
pause
</button>
<button onclick="resume()">
resume
</button>
<font id="current-pos"></font>
Raw
script.js
var step = 10;
function speak(txt) {
var pos = document.getElementById('text-to-speak-pos').value;
var splitTxt = txt.split('\n');
var currentPos = pos ? parseInt(pos) : 0;
function speakPart() {
if(currentPos > splitTxt.length) {
return;
}
var txtPart = splitTxt.slice(currentPos, currentPos + step).join('\n');
responsiveVoice.speak(txtPart,"US English Male", {rate: 0.95, onend: speakPart});
document.getElementById('current-pos').innerHTML = currentPos;
currentPos += step;
}
speakPart();
}
function start() {
var txt = document.getElementById('text-to-speak').value;
var cleanedTxt = txt.replace(/\n\n\n+/, '\n\n\n');
speak(cleanedTxt);
}
function pause() {
responsiveVoice.pause();
}
function resume() {
responsiveVoice.resume();
}
Raw
style.css
textarea {
width: 100%;
height: 200px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment