JSFiddle - React, Tailwind, and code Playground

by Andrew Walker

HTML

<div id="speak"></div>

JavaScript

var u = new SpeechSynthesisUtterance();

	u.text = 'This is a story about Math!';
	u.lang = 'en-UK';
	u.rate = 0.7;
	u.onboundary = function (event) {
	    $('#speak').append(u.text.substr(event.charIndex, u.text.indexOf(' ')) + '<br />');
	}
	speechSynthesis.speak(u);