tatlead/html-speaker

A custom html element makes Text-To-Speech function easier to use.

Maintainers

Package info

github.com/BattlefieldDuck/HTML-Speaker

Homepage

Language:JavaScript

pkg:composer/tatlead/html-speaker

Statistics

Installs: 8

Dependents: 0

Suggesters: 0

Stars: 2

Open Issues: 0

Security

Advisories: 0

Aikido package health analysis

1.1.2 2019-11-15 18:40 UTC

MIT 3876b56f8c0c20f31db7451ba981eed39139fa14

text-to-speechttshtml-elementhtml-speaker

This package is auto-updated.

Last update: 2026-02-21 23:59:21 UTC

README

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.