Mosne Text to Speech Block

Mô tả

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

Ảnh màn hình

  • Example of the plugin in action

Khối

Plugin này cung cấp 1 khối.

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

Cài đặt

  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.

Hỏi đáp

Can I skip some content?

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

Đánh giá

Đọc tất cả 1 đánh giá

Người đóng góp & Lập trình viên

“Mosne Text to Speech Block” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Mosne Text to Speech Block” đã được dịch qua 2 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Mosne Text to Speech Block” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

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