GSpeech – Text To Speech Audio Accessibility using Google Translate Technology

SSS

What is GSpeech?

GSpeech was created in 2013, and was providing the text to speech generation directly on your server.
It uses the default voices of the Google Translate.

Gspeech 3.X update(August 2023) is a migration to a completely new powerfull platform: GSpeech Dashboard, with support of the best AI voices(commercial plans), multiple player types, widget types(page players, welcome messages, RHT(Read Highlighted Text) player, speaking links, inactivity message or custom audio event), text aliases, audios database with ability to download, detailed analytics and statystics, and with full intefration in WordPress Admin Panel.

Which languages are supported?

Here is the list: Arabic, Basque, Bengali, Bosnian, Bulgarian, Catalan, Chinese (Simplified), Chinese (Traditional), Croatian, Czech, Danish, Dutch, English (Australia), English (UK), English (India), English (United States), Estonian, Filipino, Finnish, French (Canada), French (France), Galician, German, Greek, Gujarati, Hindi, Hungarian, Icelandic, Indonesian, Italian, Japanese, Javanese, Kannada, Khmer, Korean, Latin, Latvian, Lithuanian, Malay, Malayalam, Marathi, Myanmar, Nepali, Norwegian, Polish, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian, Serbian, Sinhala, Slovak, Spanish (Spain), Spanish (United States), Sundanese (Indonesia), Swahili, Swedish, Tamil, Telugu, Thai, Turkish, Ukrainian, Urdu, Vietnamese, Yue Chinese

How to insert in post or page or any article?

GSpeech supports multiple ways to render the players. Once you activate the Cloud Console(just one click is required), the required widgets are being created automatically!

Shortcode
1. To insert a Full page Player anywhere in content, use [gspeech] or [gspeech type=full] shortcode.
2. To insert a Button Player anywhere in content, use [gspeech type=button] shortcode.
3. To insert a Circle Player anywhere in content, use [gspeech type=circle] shortcode.

Custom Html
1. To insert a Full Page Player anywhere in content, use:
<div class=”gsp_full_player”></div>
2. To insert a Button Player anywhere in content, use”
<div class=”gsp_button_player”></div>
3. To insert a Circle Player anywhere in content, use:
<div class=”gsp_circle_player”></div>

To automatically add player on multiple pages, you can go WP Admin->GSpeech->Cloud Console->Widgets, you will see widget with the name “can be used on multiple pages”. Set Status to Enabled. It usually works on most types of wordpress sites.

You can contact-us, and we will quickly configure it for your website.

How GSpeech can help to improve your wordpress accessibility?

GSpeech is a universal audio solution. It has different player types, to read out loud your articles and any content. It supports three player types, with 16+ themes.
Also it has a special player called RHT player, which allows to listen to the audio of any selection from your website. See RHT section bellow.

What is Read Higlighted Text(RHT) Player, how to use it?

The RHT Player is a very nice accessibility feature for any website to improve wordpress accessibility, which allows your website visitors to listen to any selected text on the webiste.
It is being activated automatically after you enable the plugin!
It also shows animated banners, which informs website visitors about that(TTS) feature active.
You can adjust one of 16 different templates, change banner position, texts, and much more.
To make configuration, go to WP-Admin->GSpeech->Cloud Console->Widgets->RHT Player. You will see the list of all options there.

It has three views. By default it uses View-1, which is a circle icon, and has built-in timeline and volume/speed options.
In commercial plans you can use View-2 and View-3, where you can translate any piece of text, and listen to the translated content.

Please check the screenshots section to see RHT player in action.

How to use Welcome Messages?

Once you activate the Cloud Console, the widget Welcome Message is being created automatically, but it is unpublished by default. To activate it, go to:
Wp-Admin->GSpeech->Cloud Console->Widgets->Welcome Message:
and set Status to Published.

To change the welcome message:
in the same page, go to Content tab, and change the Content Text.

To set up only on some pages:
Use Allowed Urls, set one url per row. If you need only on homepage, place only url of homepage.

To play only once:
Go to Advanced tab, and set Play Type to Once per session.

Is it FREE?

Yes! There is no audio limit for GSpeech 2.X(included in the same package), and for GSpeech 3.X the limit is 50k characters each month!

GSpeech Structure!

Gspeech has a Flexible Architecture:
Each account can have up to ten websites! Each of them has its settings and analytics!

Website Settings:
You specify a Website Language, and Default Voice. (Speed and Pitch of voices can be configured, for AI voices).

The players generation is made by Smart Widgets Architecture:
There are six types of widgets – Full Page Player, Button Player, Circle Player, RHT Player, Welcome Messages, Custom Audio.

Main section of each widget is Content Settings:
There are two main options.
1: Content Selector: specifies which elements should be included in the audio(HTML markup being used, which means you call elements by its html values. To call element by class, .(dot) is being used. For id, # being used). You can specify more than one element there. Separate with ,(coma).
There are two keywords: self_class, and parent_class. The first one will include the content of same element, where the player has been rendered. And the second one will wrap the parent element.
Example: You set render_element to article, and use self_class as content_selector!

2: Render Element: specifies where to render the widget. HTML markup being used, which means you call elements by its html values. To call element by class, .(dot) is being used. For id, # being used. To render only on custom pages, you can set the custom class for it(for example – .my_player_wrapper, and then just add html with that class, where you need the player). In your post or page, create a custom html block, and set the class to the value, specified before. <div class=”my_player_wrapper”></div>.

Once you activate the Cloud Console, it creates the usefull widgets automatically, so you can instantly use shortcodes, welcome messages and RHT player.
There is also the widget, which can be applied to add player on multiple pages, without need to modify anything in the content.
Go to WP Admin->Cloud Console->Widgets, click on “can be used on multiple pages” widget, and set Status to Enabled.

You can contact-us, and we will configure it for your website.

How to use with Elementor!

To use with Elementor pages, add a shortcode [gspeech type=button](type can have values of: full/button/circle) anywhere in the content.
By default it will include the content of parent element, where the player placed.

To change the element, which content will be included in the audio, set the custom class to your elementor wrapper in the advanced tab, for example set class my_gsp_player(in elementor you put value without dot).
Then go to GSpeech->Cloud Console->Widgets->Shortcode Widget(depends on the type you use, choose full/circle/button), go to content tab, and set content_selector to the value you specified in the Elementor custom class.
In our example it will be .my_gsp_player(here dot is required).

That’s all.

You can contact-us, and we will quickly configure it for your website.

Cache plugins compatibility – WP Fastest Cache and others

Some cache plugins make caching of required js files, and GSpeech stops working.
Usually any cache plugin has the exclude list. To fix that, go to:
Exclude->Exclude JS and add the word gspeech.
That will solve the issue.

Do I need to pay for Google TTS and Translate API keys usage?

No, all the TTS keys and the automatic real time translations are included in all packages(commercial plans).