Mosne Text to Speech Block

Leírás

This is a block that allows you to add a text-to-speech feature to your website.
Using the Web Speech API, the plugin will read the content of the page according to the document language and user’s preferences.
No third-party services are used, so no cookies are required. GDPR-friendly. Accessibility-ready.

Key Features

  • Listen to the content of a page according to the document language and user’s preferences.
  • (New) Highlight the current sentence being spoken with custom colors.
  • Skip undesired content by adding the class .skip-speech to the element.
  • Accessibility-ready
  • No cookies used (GDPR-friendly)
  • Performance-optimized and lightweight
  • No block library required
  • Primarily built with native WordPress components
  • Developer-friendly and easy to customize

Stay Connected

Credits

The icons of this block come from Heroicons with MIT license
heroicons.com

Képernyőmentések

Blokkok

This plugin provides 1 block.

  • Text to Speech Read the content of of a page using native Speech Synthesis and Interactivity API.

Telepítés

  1. You have a couple of options:
    • Go to Plugins → Add New and search for „Mosne text to speech”. Once found, click „Install”.
    • Download the Mosne text to speech from wordpress.org and make sure the folder is zipped. Then upload via Plugins → Add New → Upload.
  2. Activate the plugin through the ‘Plugins’ screen on WordPress.
  3. Search for the „Mosne text to speech” block within the Block Editor (Gutenberg) and add it to a block navigation.

GYIK

Can I skip some content?

You can skip some content by adding the class .skip-speech to the element.

Vélemények

1 vélemény olvasása

Közreműködők és fejlesztők

“Mosne Text to Speech Block” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Mosne Text to Speech Block” 2 nyelvre lett lefordítva. Köszönet a fordítóknak az áldozatos munkájukért!

“Mosne Text to Speech Block” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

0.3.5 – 2025-12-30

  • Comprehensive security improvements
  • Input validation for all user inputs
  • Content sanitization for all text processing
  • Secure localStorage operations with validation
  • Enhanced error handling that doesn’t expose sensitive information
  • Fixed class exclusion filter functionality

0.3.4 – 2025-10-23

  • Fix A11y issues on svg icons
  • Fix hidden buttons styles
  • Fix block support declaration issue

0.3.3 – 2025-05-16

  • Fix selected text highlighting after pause and button flex wrap on mobile

0.3.2 – 2025-03-28

  • Complete refactor and bug fix

0.3.1 – 2025-03-26

  • Minor bug fix

0.3.0 – 2025-03-25

  • Added a new custom skip classes field
  • Fix compatibility issues with Firefox and Android.
  • Improved performance

0.1.1 – 2025-02-05

  • Fix security issue

0.1.0 – 2025-02-01

  • Initial release