Skip to content

drexxdk/tts-highlight

Repository files navigation

Features

  • Selected text player
  • Previous/Next word buttons
  • Previous/Next sentence buttons
  • Selection that stays until the player closes (Except for Firefox)
  • Supports selection across different react components
  • Active word highlight (Except for Firefox)
  • Polly integration
  • No rerender of react components for TTS or Highlight
  • Reads and highlights correctly on all tested markup structures
  • Works on all browsers and devices
  • Change playback rate
  • Automatic punctuations on sentence endings for text given to polly, to get correct sentence seperations
  • Change language
  • Ignore elements that has specific data-attribute
  • Support for alternative being used for TTS on element instead of what is visually shown
  • Ignore display="none" and visibility="hidden" elements
  • Custom localized character definitions for unsupported characters like "&", "/" and ""

Missing

Wish list

  • Firefox Highlight API support https://bugzilla.mozilla.org/show_bug.cgi?id=1703961
  • Auto detect text language
  • Support multiple spoken languages at the same time
  • Audio streaming instead of mp3
  • Some way of giving ::highlight higher z-index than ::selection
  • More options for ::highlight styling

About

Text-to-Speech with word highlight

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages