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.

ondoku3

<p><strong>Ondoku (音読さん)</strong> is a Text-to-Speech (TTS) plugin that automatically converts your WordPress posts into audio files (MP3).</p>
<p>ブログ記事を自動で音声ファイル（MP3）に変換する読み上げプラグインです。投稿を公開するだけで、自動的に音声が生成されます。</p>
<h3>Features / 機能</h3>
<ul>
<li>Automatic audio generation on publish (投稿公開時に自動で音声生成)</li>
<li>Audio player at the top of posts (記事の先頭にオーディオプレーヤーを挿入)</li>
<li>Multiple languages and voices (多言語・複数音声対応)</li>
<li>Adjustable speed and pitch (速度・ピッチ調整可能)</li>
<li>Japanese text-to-speech support (日本語テキスト読み上げ対応)</li>
</ul>
<h3>Use Cases / 活用シーン</h3>
<ul>
<li>Accessibility for visually impaired users (視覚障がい者のアクセシビリティ向上)</li>
<li>Listen while commuting (通勤中のながら聴き)</li>
<li>Podcast-style blog content (ポッドキャスト風ブログコンテンツ)</li>
</ul>
<h3>日本語 (Japanese)</h3>
<p>音読さんは、WordPressのテキスト読み上げ（TTS）プラグインです。ブログ記事を音声ファイルに変換し、読み上げ音声を自動生成します。</p>
<ul>
<li>音声読み上げ・テキスト読み上げに対応</li>
<li>日本語を含む多言語対応</li>
<li>無料登録で利用可能: <a href="https://ondoku3.com" rel="nofollow ugc">https://ondoku3.com</a></li>
</ul>


Ondoku – Text to Speech (TTS)

Text to Speech (TTS) plugin. Automatically convert posts to MP3 audio. 音読さん - ブログ読み上げ・音声化プラグイン。

Speakable vs Ondoku – Text to Speech (TTS)