Skip to content
πŸ”ˆ A custom html element makes Text-To-Speech function easier to use on your website. (With play/pause function)
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
LICENSE
README.md
composer.json
package.json

README.md

npm version

HTML-Speaker

npm version composer version Build status Codacy Badge

A custom html element to use Text-To-Speech function easier. Live demo: https://tatlead.com/HTML-Speaker/

npm

npm install html-speaker

Quick start

CSS (Optional)

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">

JS

Place the following <script> near the end of your pages, right before the closing </body> tag

<script src="https://cdn.jsdelivr.net/npm/html-speaker@latest/dist/html-speaker.min.js"></script>

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>

Examples

Live demo: https://tatlead.com/HTML-Speaker/examples/

Bugs and feature requests

If you find a bug, please report it here on Github.

You can’t perform that action at this time.