This is an easy way to present your product and make your website more attractive
Optional: npm install content-reader
Easy to use. add script and style sheet
<link rel="stylesheet" href="./app/src/css/text-to-speech.css">
<script src="./app/src/js/contentscript.js"></script>
Basic code example: It needs an ID-tag to read the text area
<div id="yourId"> Your text or content </div>
Create a button by using the OnClick function, button example:
<div onclick="speak(#yourId)"> Read this </div>
<button type="button" onclick="speak(#yourId)"> Read this </button> or
Create a button for change voice and control reading speed
<button data-toggle="modal" data-target="#play-setting"> Change voice </button> or
<div data-toggle="modal" data-target="#play-setting"> Change voice </div>