JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenido">
  <h1>Texto de ejemplo</h1>
  <h2>
  HTML5  es la última versión de HTML. El término representa dos conceptos diferentes:
  Se trata de una nueva versión de HTML, con nuevos elementos, atributos y comportamientos.
  Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance.
  </h2>
</div>
<button onclick="sintetizador(document.getElementById('contenido').textContent)">
Escuchar desde el principio
</button>
<button onclick="window.speechSynthesis.pause()">
Detener audio
</button>
<button onclick="window.speechSynthesis.resume()">
Continuar audio
</button>

JavaScript

function sintetizador(texto){
	window.speechSynthesis.cancel();
  var msg = new SpeechSynthesisUtterance(texto);
  window.speechSynthesis.speak(msg);
}