A custom html element to use Text-To-Speech function easier. Live demo: https://tatlead.com/HTML-Speaker/
npm install html-speaker
Copy-paste the stylesheet <link> into your <head>.
<link href="https://cdn.jsdelivr.net/npm/html-speaker@latest/dist/html-speaker.min.css" rel="stylesheet">
Place the following <script> near the end of your pages, right before the closing </body> tag
Basic <html-speaker> template
Place the following template inside </body> tag
<html-speaker for="content" class="speaker speaker-rounded" data-start="PLAY" data-pause="PAUSE"></html-speaker> <p id="content"> Back in the old days of TF2 Sandbox, MSTR stood as the biggest center of in-game TF2 roleplaying in the community. </p>
Live demo: https://tatlead.com/HTML-Speaker/examples/
Bugs and feature requests
If you find a bug, please report it here on Github.