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

螢幕擷圖

  • Example of the plugin in action

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • 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

ah