Mosne / Paolo Tesei

<p>This is a block that allows you to add a text-to-speech feature to your website.<br />
Using the Web Speech API, the plugin will read the content of the page according to the document language and user’s preferences.<br />
No third-party services are used, so no cookies are required. GDPR-friendly. Accessibility-ready.</p>
<h3>Key Features</h3>
<ul>
<li>Listen to the content of a page according to the document language and user’s preferences.</li>
<li>(New) Highlight the current sentence being spoken with custom colors.</li>
<li>Skip undesired content by adding the class .skip-speech to the element.</li>
<li>Accessibility-ready</li>
<li>No cookies used (GDPR-friendly)</li>
<li>Performance-optimized and lightweight</li>
<li>No block library required</li>
<li>Primarily built with native WordPress components</li>
<li>Developer-friendly and easy to customize</li>
</ul>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/mosne/mosne-text-to-speech-block" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://mosne.it/" rel="nofollow ugc">Visit my website</a></li>
</ul>
<h3>Credits</h3>
<p>The icons of this block come from Heroicons with MIT license<br />
<a href="https://heroicons.com/" rel="nofollow ugc">heroicons.com</a></p>


Mosne Text to Speech Block

I only have 2 words for this !

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

niatn1012

<p>Guten-bubble can create a speech bubble display like a chat conversation.</p>
<p>Features</p>
<ul>
<li>It’s easy to create speech bubble using Guten-bubble block for Gutenberg editor in WordPress 5.0 or later.</li>
<li>Pick from 24 color themes for speech bubble.</li>
<li>You can use it as an icon image by importing image files from WordPress’s media library. Let’s make interesting articles by using icon image on hand!</li>
</ul>
<p>How to use in block editor</p>
<ol>
<li>Add a Guten-bubble block where you want to add a speech bubble.</li>
<li>Enter serif in the balloon in the block ( the part where ‘Enter serif here …’ placeholder is displayed ), select character icon and set the balloon in the inspector.</li>
</ol>


Guten-bubble

Displays a speech bubble like a chat conversation.

Mosne Text to Speech Block vs Guten-bubble