devshagor

themeshape

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.
Features:
<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>
Gutenberg Block:
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.
How It Works:
<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>
This plugin is fully GPL. The maintained development location is:
https://github.com/devshagor/speakable
The human-readable source for every shipped file is also bundled inside the plugin itself:
<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>
The contents of <code>build/blocks/speakable-player/</code> are produced from <code>src/blocks/speakable-player/</code> using <code>@wordpress/scripts</code>.
To regenerate the build output:
<pre><code>npm install
npm run build
</code></pre>
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.

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.

Mustafa Uysal

handyplugins

Easy Text-to-Speech effortlessly transforms your website’s written content into spoken audio, making your site more accessible, engaging, and inclusive. This WordPress plugin integrates cutting-edge text-to-speech technology from top-tier services such as Amazon Polly, OpenAI, and ElevenLabs.
Whether you’re looking to reach a broader audience, including those with visual impairments, or simply enhance the user experience with audio, this plugin provides an easy solution.
<h4>Key Features</h4>
<ul>
<li>Diverse Technology Options: Choose between Amazon Polly, OpenAI, and ElevenLabs for access to industry-leading text-to-speech technology, allowing you to select the best voice for your content.</li>
<li>Effortless Integration: Works seamlessly with both WordPress’s Classic and Block Editors, making it simple to add audio to your posts, pages, and articles.</li>
<li>Broad Accessibility: Make your content accessible to those with visual impairments or those who prefer auditory learning experiences, expanding your audience.</li>
<li>Intuitive User Interface: A clean, user-friendly interface that allows for a quick and straightforward setup, no technical expertise required.</li>
<li>Customizable Audio Experience: Choose from multiple voice options and adjust speech settings to match your website’s tone and style.</li>
</ul>
With Easy Text-to-Speech, you can make your content more accessible and engaging, offering a spoken version of your text and providing a richer experience for all visitors.
<h4>PRO Features 🔊</h4>
Unlock the full potential of Easy Text-to-Speech Pro with exclusive premium features:
<ul>
<li>OpenAI Integration: Harness OpenAI’s state-of-the-art text-to-speech technology for crystal-clear, highly natural audio outputs.</li>
<li>ElevenLabs Integration: Enjoy ElevenLabs’ exceptional, lifelike voice synthesis for a truly natural-sounding experience.</li>
<li>Deepgram Integration: Leverage Deepgram’s advanced AI-powered text-to-speech technology for fast, accurate, and expressive voice synthesis.</li>
<li>Premium Support: Receive dedicated, responsive support to help with any queries or issues quickly and efficiently.</li>
<li>Ad-Free Experience: Access an ad-free interface within the plugin’s admin, providing a more focused and streamlined user experience.</li>
<li>Exclusive Voices & Features: Get access to additional premium voices, enhanced customization options, and other advanced features designed to take your content to the next level.</li>
</ul>
<a href="https://handyplugins.co/easy-text-to-speech/" rel="nofollow ugc">Discover more and upgrade to Easy Text-to-Speech Pro</a>
<h3>Privacy Policy and Third-Party Service Disclosure</h3>
Easy Text-to-Speech uses third-party services such as Amazon Polly, OpenAI, and ElevenLabs for text-to-speech conversion. For more details on how these services handle your data, please refer to their respective privacy policies:
<ul>
<li><a href="https://aws.amazon.com/compliance/data-privacy/" rel="nofollow ugc">AWS Data Privacy Center</a></li>
<li><a href="https://openai.com/policies/privacy-policy" rel="nofollow ugc">OpenAI Privacy Policy</a></li>
<li><a href="https://elevenlabs.io/privacy" rel="nofollow ugc">ElevenLabs Privacy Policy</a></li>
<li><a href="https://deepgram.com/privacy" rel="nofollow ugc">Deepgram Privacy Policy</a></li>
</ul>
<h3>Contributing & Bug Report</h3>
We welcome bug reports, feature requests, and pull requests! Feel free to contribute on <a href="https://github.com/HandyPlugins/easy-text-to-speech/" rel="nofollow ugc">GitHub</a>.
<h3>Documentation</h3>
Comprehensive documentation can be found at <a href="https://handyplugins.co/docs-category/easy-text-to-speech/" rel="nofollow ugc">https://handyplugins.co/docs-category/easy-text-to-speech/</a>.

Easy Text-to-Speech


We’ve been using the voice sample trained with ElevenLabs in various projects for a long time. When we started looking for a plugin to use for T2S on our website, we came across this plugin. Our tests with Amazon Polly went wonderfully. Thanks to the detailed instructions, we were able to launch Polly on our website very quickly. After gaining a bit more familiarity, I plan to try the Pro version with ElevenLabs as well.


It truly deserves the "Easy" in its name.

Easy Text-to-Speech is a powerful, user-friendly WordPress plugin designed to transform your textual content into high-quality synthesized speech.

Speakable vs Easy Text-to-Speech