devshagor

themeshape

<p>Speakable adds a play button to your articles that reads the content aloud using the browser’s built-in speech synthesis engine. No external API keys, no usage costs, no third-party services.</p>
<p><strong>Features:</strong></p>
<ul>
<li>Play / Pause / Stop controls</li>
<li>Adjustable playback speed (0.75x – 2x)</li>
<li>Progress bar with sentence counter</li>
<li>Voice, pitch, volume, and speed settings from the admin dashboard</li>
<li>Enable/disable per post type (Posts, Pages, Products, etc.)</li>
<li>Customizable button color with live preview</li>
<li>Gutenberg block — place the player anywhere in your content</li>
<li>Sticky mini-player that follows users while scrolling</li>
<li>Mobile-optimized with large touch targets</li>
<li>Accessible: ARIA labels, roles, keyboard navigation, and live regions</li>
<li>Zero external dependencies — no third-party scripts, fonts, or services</li>
</ul>
<p><strong>Gutenberg Block:</strong></p>
<p>Search for “Speakable Player” in the block inserter to place the player at any position in your content. The block automatically disables global auto-insertion for that post to prevent duplicates.</p>
<p><strong>How It Works:</strong></p>
<ol>
<li>The plugin filters post content to inject a player bar (or use the Gutenberg block)</li>
<li>JavaScript extracts article text and splits it into sentences</li>
<li>Each sentence is spoken using the Web Speech API</li>
<li>Sentence-by-sentence playback avoids Chrome’s known timeout bug</li>
</ol>
<h3>Source Code and Development</h3>
<p>This plugin is fully GPL. The maintained development location is:</p>
<p>https://github.com/devshagor/speakable</p>
<p>The human-readable source for every shipped file is also bundled inside the plugin itself:</p>
<ul>
<li>Block editor source: <code>src/blocks/speakable-player/index.js</code> and <code>src/blocks/speakable-player/editor.css</code></li>
<li>Block render template (server-side): <code>src/blocks/speakable-player/render.php</code></li>
<li>Block metadata: <code>src/blocks/speakable-player/block.json</code></li>
<li>All PHP classes are unminified and live under <code>includes/</code></li>
<li>All admin/frontend CSS and JS are unminified and live under <code>assets/</code></li>
</ul>
<p>The contents of <code>build/blocks/speakable-player/</code> are produced from <code>src/blocks/speakable-player/</code> using <code>@wordpress/scripts</code>.</p>
<p>To regenerate the build output:</p>
<pre><code>npm install
npm run build
</code></pre>
<p>This runs <code>wp-scripts build --webpack-src-dir=src/blocks --output-path=build/blocks</code>. The <code>npm run start</code> command provides a development watch mode.</p>


Speakable

Add a text-to-speech player to your posts and pages using the browser's built-in Web Speech API. Free, no API keys required.

DAEXT

<p>Real Voice is a text-to-speech plugin for WordPress that supports the Web Speech API, Google Text-to-Speech AI, and Azure Text to speech.</p>
<h3>Pro Version</h3>
<p>A <a href="https://daext.com/real-voice/" rel="nofollow ugc">Pro version of Real Voice</a> is now available on our website. This upgraded edition includes more text-to-speech converters (other integrations for Amazon Polly and ElevenLabs are available), the ability to make the audio files downloadable by the visitors, customizable audio player placement using a shortcode, and more.</p>
<h3>Key Features</h3>
<h4>Automatically Add the Audio Player</h4>
<p>The plugin automatically adds an audio player at the beginning of the articles. Note that from the plugin options, you can configure post types on which the audio player should be displayed.</p>
<h4>Manually Generate the Audio Files</h4>
<p>We have included a dedicated post sidebar section where you can create a new audio version of the post, update the existing audio version, or delete the audio data.</p>
<p>The website administrator, the editor, or other authorized users can at any time access to this area.</p>
<h4>Monitor the Presence and State of the Audio Files</h4>
<p>The plugin adds a new column named “Audio File” to the posts menu (and to the admin menu of all the other enabled post types). Here, you can verify if a specific post has its related audio version and if this version is up to date with the post.</p>
<h4>Customizable HTML Audio Player</h4>
<p>The plugin generates a custom audio player built with HTML and the browser API. You can customize the style of the player (color, typography, shadows, etc.) using the plugin options.</p>
<h4>Responsive Audio Player</h4>
<p>The audio player is responsive, and you can specify the breakpoint used to switch from the desktop to the mobile version with a dedicated option.</p>
<h4>Supports Plain Text and SSML</h4>
<p>You can generate the audio version of an article from plain text or SSML.</p>
<p>In the case of SSML, the supported tags vary depending on the selected text-to-speech converter.</p>
<h4>Add Additional Text Before or After the Player</h4>
<p>Use the dedicated options to configure the message displayed before (or after) the player. You can set messages like “Listen to this article”, “This article is also available in an audio format”, etc.</p>
<h4>Optionally Read the Post Title</h4>
<p>Do you want to use the post title as the first synthesized sentence? Then, use the dedicated settings option to apply this behavior.</p>
<h3>Knowledge Base</h3>
<p>Get started with the plugin or explore the advanced features with the documentation available in the <a href="https://daext.com/kb-category/real-voice/" rel="nofollow ugc">Knowledge Base</a>.</p>
<h3>This plugin can optionally use paid third-party services</h3>
<p>This plugin can optionally use third-party services to perform the text-to-speech conversion. If you configure one of these services and perform a text-to-speech conversion using the tools provided by the plugin, the third-party service will charge you according to their terms.</p>
<h4>When the third-party service “Text-to-Speech AI” from Google Cloud is enabled</h4>
<p>The plugin will use the <a href="https://cloud.google.com/text-to-speech/" rel="nofollow ugc">Text-to-Speech AI from Google Cloud</a> third-party service to perform the text-to-speech conversion when both these conditions are met:</p>
<ul>
<li><strong>Google Cloud Text-to-Speech AI</strong> is selected with the <strong>Text-to-speech Converter</strong> option available in the <strong>Text-to-Speech -> General</strong> section of the plugin.</li>
<li>A valid key is provided in the <strong>Google Cloud Secret Access Key</strong> option available in the <strong>Text-to-Speech -> Google Cloud Text-to-Speech AI</strong> section of the plugin options.</li>
</ul>
<p>The Terms of Service of the Google Cloud Platform are available in the link below:</p>
<p><a href="https://cloud.google.com/terms" rel="nofollow ugc">https://cloud.google.com/terms</a></p>
<h4>When the third-party service “Text to speech” from Microsoft Azure is enabled</h4>
<p>The plugin will use the <a href="https://azure.microsoft.com/en-us/products/ai-services/text-to-speech" rel="nofollow ugc">Text to speech from Microsoft Azure</a> third-party service to perform the text-to-speech conversion when both these conditions are met:</p>
<ul>
<li><strong>Azure Text to Speech (Cloud service)</strong> is selected with the <strong>Text-to-speech Converter</strong> option available in the <strong>Text-to-Speech -> General</strong> section of the plugin.</li>
<li>A valid key is provided in the <strong>Azure Speech Resource Key</strong> option available in the <strong>Text-to-Speech -> Azure Text-to-speech</strong> of the plugin options.</li>
</ul>
<p>Legal information for Text to speech by Microsoft Azure:</p>
<p><a href="https://azure.microsoft.com/en-us/support/legal/" rel="nofollow ugc">https://azure.microsoft.com/en-us/support/legal/</a></p>
<h4>When the plugin performs a text-to-speech conversion</h4>
<p>In the contexts described below, the plugin performs a text-to-speech conversion. Note that with a third-party service enabled, this involves sending text/SSML to the third-party service API (on a remote server) to retrieve the audio data.</p>
<p>Text-to-speech conversions are performed when you click the <strong>Generate file</strong> button in the <strong>Audio File</strong> post sidebar section. For <a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a> users, the text-to-speech conversions are performed when you click the <strong>Generate file</strong> button in the <strong>Audio File</strong> meta box.</p>
<h4>Accessing the plugin options</h4>
<p>You can access the plugin options anytime from the <strong>Real Voice</strong> menu on your WordPress dashboard. Please note that this menu is available only for WordPress users who own the <a href="https://wordpress.org/documentation/article/roles-and-capabilities/#manage_options" rel="ugc">manage_options</a> capability.</p>
<h4>Disclaimer</h4>
<p>To the extent permissible under applicable laws, in no event shall DAEXT di A. D. (the company that developed this plugin) or its employees be liable to you for problems associated with using the third-party services supported by this plugin (E.g., Unexpected charges, violations of the third-party terms of services, etc.).</p>
<p>We recommend that you enable the third-party services included in this plugin only under the following conditions:</p>
<ul>
<li>We do not guarantee an implementation free of errors, and this WordPress plugin (both in terms of features and codebase) should be evaluated by a professional before being configured to use a third-party service.</li>
<li>Your site is secure, and only authorized users can access the WordPress administrative pages where the text-to-speech conversion is performed or configured.</li>
<li>The third-party service is configured by a professional.</li>
<li>This WordPress plugin is configured by a professional.</li>
<li>The costs for the use of third-party services are constantly monitored by a professional.</li>
<li>You can afford the costs associated with the use of a third-party service.</li>
</ul>


Real Voice – Text to Speech

Real Voice is a text-to-speech plugin for WordPress that supports the Web Speech API, Google Text-to-Speech AI, and Azure Text to speech.

Speakable vs Real Voice – Text to Speech