Skip to content

Instantly share code, notes, and snippets.

@PaulKinlan

PaulKinlan/index.html

Created September 3, 2018 16:54
Show Gist options
  • Save PaulKinlan/5cb26f807e045bbd38a977eb63bbdd10 to your computer and use it in GitHub Desktop.
Save PaulKinlan/5cb26f807e045bbd38a977eb63bbdd10 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/funavatacu
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button id="play">Play</button>
<script id="jsbin-javascript">
window.onload = () => {
play.onclick = (e) => {
var u = new SpeechSynthesisUtterance();
u.text = 'Hello World. This is a large test.';
u.lang = 'en-US';
u.rate = 1.0;
let boundaryIdx = 0;
u.onboundary = function(event) {
let word = u.text.substring(boundaryIdx, event.charIndex);
boundaryIdx = event.charIndex;
console.log('boundary', word, event);
};
speechSynthesis.speak(u);
};
};
</script>
<script id="jsbin-source-javascript" type="text/javascript">
window.onload = () => {
play.onclick = (e) => {
var u = new SpeechSynthesisUtterance();
u.text = 'Hello World. This is a large test.';
u.lang = 'en-US';
u.rate = 1.0;
let boundaryIdx = 0;
u.onboundary = function(event) {
let word = u.text.substring(boundaryIdx, event.charIndex);
boundaryIdx = event.charIndex;
console.log('boundary', word, event);
};
speechSynthesis.speak(u);
};
};</script></body>
</html>
Raw
jsbin.funavatacu.js
window.onload = () => {
play.onclick = (e) => {
var u = new SpeechSynthesisUtterance();
u.text = 'Hello World. This is a large test.';
u.lang = 'en-US';
u.rate = 1.0;
let boundaryIdx = 0;
u.onboundary = function(event) {
let word = u.text.substring(boundaryIdx, event.charIndex);
boundaryIdx = event.charIndex;
console.log('boundary', word, event);
};
speechSynthesis.speak(u);
};
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment