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.

webinista

<p>Webinista WreadIt <a href="https://wreadit.webinista.com" rel="nofollow ugc">https://wreadit.webinista.com</a></p>
<p>A WordPress plugin for creating audio versions of your posts using Amazon Polly.</p>
<p>Current version: v1.2.0 <a href="https://github.com/webinista/webinista-wreadit/releases/" rel="nofollow ugc">See all releases</a>.</p>
<p>You can also view, edit, or download the <a href="https://github.com/webinista/webinista-wreadit/" rel="nofollow ugc">source code</a> from GitHub.</p>
<h4>License</h4>
<p>Webinista WreadIt is licensed under the terms of the GNU General Public License, version 3. Some of its dependencies use the MIT 2.0 and Apache 2.0 licenses.</p>
<pre><code>This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
</code></pre>
<h4>Prerequisites</h4>
<p>This plugin assumes that you are familiar with <a href="https://aws.amazon.com/" rel="nofollow ugc">Amazon Web Services</a> and that you have an account. You will need:</p>
<ul>
<li>An Amazon Simple Storage Service (S3) bucket.</li>
<li>An IAM user with full access to Polly and read/write access to the S3 bucket.</li>
<li>A key ID and Secret Access Key for the IAM user.</li>
</ul>
<h3>Development</h3>
<p>You can also build this plugin from source. This requires having <a href="https://nodejs.org/" rel="nofollow ugc">Node</a>, PHP, and <a href="https://getcomposer.org/" rel="nofollow ugc">Composer</a> available on your system.</p>
<ol>
<li>Clone the GitHub repo https://github.com/webinista/webinista-wreadit</li>
<li>From <code>webinista-wreadit</code> directory, run the following commands:
<ol>
<li><code>npm install</code> to install the JavaScript dependencies for the front-end.</li>
<li><code>composer install</code> to install PHP dependencies. You may also need to install the <a href="https://github.com/humbug/php-scoper/blob/main/docs/installation.md#composer" rel="nofollow ugc">php-scoper plugin</a> using <code>composer bin php-scoper require --dev humbug/php-scoper</code>.</li>
<li>Run the <code>build-wreadit-aws3.sh</code> script. This script downloads the latest version of the AWS SDK for PHP, extracts the relevant interfaces and common files, and scopes it to the project’s name space.</li>
</ol>
</li>
<li>Use <code>npm run build</code> to generate the front-end plugin files.</li>
<li>Upload the <code>webinista-wreadit</code> directory to <code>/wp-content/plugins/</code>.</li>
</ol>
<p>Activate the plugin and add your credentials before using.</p>
<h3>External services</h3>
<p>This plugin connects to Amazon Polly, and Amazon S3. Clicking the <em>Generate Audio Version</em> button sends the following data to Amazon Polly:</p>
<ul>
<li>The title and text of the blog post.</li>
<li>The slug of the blog post.</li>
<li>The <em>display name</em> of the post’s author. (Manage using the <em>Display name publicly as</em> setting on the <em>Edit User</em> screen.)</li>
<li>Your AWS Key ID.</li>
<li>Your Secret Access Key.</li>
<li>The name of your S3 bucket.</li>
</ul>
<p>Read Amazon’s <a href="https://aws.amazon.com/polly/faqs/#topic-2" rel="nofollow ugc">Polly FAQs</a>,<br />
general <a href="https://aws.amazon.com/compliance/data-privacy-faq/" rel="nofollow ugc">Data Privacy FAQs</a>, and <a href="https://aws.amazon.com/privacy/" rel="nofollow ugc">AWS Privacy Notice</a> to understand how Amazon uses your data. Read the <a href="https://aws.amazon.com/agreement/" rel="nofollow ugc">AWS Customer Agreement</a> and <a href="https://aws.amazon.com/service-terms/" rel="nofollow ugc">AWS Service Terms</a> to understand your rights and obligations with regard to Amazon’s services.</p>
<p>Amazon Polly requires your Key ID and Secret Access Key in order to authenticate the request. Amazon Polly saves the generated audio file to your S3 bucket.</p>
<p>Webinista WreadIt uses <a href="https://docs.aws.amazon.com/AmazonS3/latest/userguide/VirtualHosting.html" rel="nofollow ugc">S3’s virtual hosting</a>. URLs for audio files use the pattern shown below, unless you’ve set a custom domain.</p>
<pre><code>https://<bucket name>.s3.<region code>.amazonaws.com/<your optional prefix/><file name>
</code></pre>
<p>For example, if your bucket name is <code>myblogsaudio</code>, your bucket region is <code>us-east-2</code>, and you’ve set a <code>media/</code> prefix, your audio URLs will begin with  <code>https://myblogsaudio.s3.us-east-2.amazonaws.com/media/</code>.</p>
<p>File names begin with the slug of each blog post. Amazon Polly also appends a unique identifier to the name.</p>
<p><em>Audio files must be publicly readable</em> to be available to your listeners.</p>


Webinista WreadIt

A text-to-speech plugin for WordPress that uses Amazon Polly.

Mosne Text to Speech Block vs Webinista WreadIt