PHPackages tatlead/html-speaker - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. tatlead/html-speaker ActiveLibrary[Utility & Helpers](/categories/utility) tatlead/html-speaker ==================== A custom html element makes Text-To-Speech function easier to use. 1.1.2(6y ago)28MITJavaScript Since Nov 15Pushed 6y ago2 watchersCompare [ Source](https://github.com/BattlefieldDuck/HTML-Speaker)[ Packagist](https://packagist.org/packages/tatlead/html-speaker)[ Docs](https://tatlead.com/HTML-Speaker/)[ RSS](/packages/tatlead-html-speaker/feed)WikiDiscussions master Synced 4d ago READMEChangelog (2)DependenciesVersions (3)Used By (0) [![npm version](https://camo.githubusercontent.com/92c46ba54a193e80d489b3588f6c77bb7472f35b1b320599ea84e179ab2d2f75/68747470733a2f2f7461746c6561642e636f6d2f48544d4c2d537065616b65722f7374617469632f7468756d626e61696c2e706e67)](https://tatlead.com/HTML-Speaker/) HTML-Speaker ============ [](#html-speaker) [![npm version](https://camo.githubusercontent.com/c173a849eb81b14c8b93950d78c2a25c5bd81d276cace4df2461cd4d3e5e0c42/68747470733a2f2f62616467652e667572792e696f2f6a732f68746d6c2d737065616b65722e737667)](https://badge.fury.io/js/html-speaker)[![composer version](https://camo.githubusercontent.com/23514ec146c835abf8b5b0cc3b2c8440e6244a50c76f6e58ccbcc66317957321/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7461746c6561642f68746d6c2d737065616b65722e737667)](https://packagist.org/packages/tatlead/html-speaker)[![Build status](https://camo.githubusercontent.com/c3ebcee6195fe5f8fe1e694ea8c1396277b8769baf1656722f5c0ea5f3978828/68747470733a2f2f63692e6170707665796f722e636f6d2f6170692f70726f6a656374732f7374617475732f6c643430387332793877646c6d7137773f7376673d74727565)](https://ci.appveyor.com/project/BattlefieldDuck/html-speaker)[![Codacy Badge](https://camo.githubusercontent.com/3304ade656488fdb2888963ec56a32606931fa8a4202c29eaf91d2340623acb3/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6138373662613962663365643436643638353435613637623739313461323161)](https://www.codacy.com/manual/BattlefieldDuck/HTML-Speaker?utm_source=github.com&utm_medium=referral&utm_content=BattlefieldDuck/HTML-Speaker&utm_campaign=Badge_Grade)[![](https://camo.githubusercontent.com/bd336e00f549f9a92d88c27f45eed388e2d3466dacfa7867faf96e676b0f0763/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f68746d6c2d737065616b65722f6261646765)](https://www.jsdelivr.com/package/npm/html-speaker) A custom html element to use Text-To-Speech function easier. Live demo: npm --- [](#npm) ``` npm install html-speaker ``` Quick start ----------- [](#quick-start) ### CSS (Optional) [](#css-optional) Copy-paste the stylesheet <link> into your <head>. ``` ``` ### JS [](#js) Place the following <script> near the end of your pages, right before the closing </body> tag ``` ``` ### Basic <html-speaker> template [](#basic-html-speaker-template) Place the following template inside </body> tag ``` Back in the old days of TF2 Sandbox, MSTR stood as the biggest center of in-game TF2 roleplaying in the community. ``` Examples -------- [](#examples) Live demo: Bugs and feature requests ------------------------- [](#bugs-and-feature-requests) If you find a bug, please report it [here on Github](https://github.com/BattlefieldDuck/HTML-Speaker/issues). ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity7 Limited adoption so far Community8 Small or concentrated contributor base Maturity58 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 2373d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/8dcf7e26003aab7e156a299610bdc73f23a3939353c6a9f15d75463a990df756?d=identicon)[BattlefieldDuck](/maintainers/BattlefieldDuck) --- Top Contributors [![BattlefieldDuck](https://avatars.githubusercontent.com/u/29337428?v=4)](https://github.com/BattlefieldDuck "BattlefieldDuck (15 commits)") --- Tags html-elementhtml-speakertext-to-speechttstext-to-speechttshtml-elementhtml-speaker ### Embed Badge ![Health badge](/badges/tatlead-html-speaker/health.svg) ``` [![Health](https://phpackages.com/badges/tatlead-html-speaker/health.svg)](https://phpackages.com/packages/tatlead-html-speaker) ``` ### Alternatives [duncan3dc/speaker Convert text to speech using web services 11539.1k1](/packages/duncan3dc-speaker)[spatie/html-element Html rendering in php inspired by hyperscript 191108.9k3](/packages/spatie-html-element)[werd/ivona-speechcloud-sdk-php IVONA SpeechCloud SDK for PHP 102.1k](/packages/werd-ivona-speechcloud-sdk-php) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)