Mosne Text to Speech Block

描述

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

螢幕截圖

  • Example of the plugin in action

Blocks

This plugin provides 1 block.

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

安裝

  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.

常見問題

Can I skip some content?

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

評價

閱讀全部1個評價

貢獻者及開發者

“Mosne Text to Speech Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Mosne Text to Speech Block 外掛目前已有 2 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Mosne Text to Speech Block 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

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