GSpeech Joomla! extension, Text to speech online.

Plugin Parameters

• Site Language: Your site's native language.
• Speak any text: if set to yes, Speaker will appear any time user selected any text from the content of your site. So users will be able to listen any selected text.
• Greeting text to speech: Your site greating audio. When users open your website, they will listen this text. Write blank if you do not need this. Use SITENAME to get your sitename, USERNAME to get user name, REALNAME to get user real name. For writing structure read the examples below.
• Styles
• Background Color Passive: Text to Speech block background color when it is not active.
• Text Color Passive: Text to Speech block text color when it is not active.
• Background Color Active: Text to Speech block background color when user hover the speaker, or click on it.
• Text Color Active: Text to Speech block text color when user hover the speaker, or click on it.
• Speaker Opacity Passive: Speaker opacity when it is not active.
• Speaker Opacity Active: Speaker opacity when it is active.
• Animation Time: Animation time between passive and active states (in miliseconds).

You can have 5 customizable styles for Text to Speech blocks.

Creating Text to Speech blocks

Basic structure

If you want the speaker to appear after the text, do the following.

{gspeech}Text to speech{/gspeech}

Result will be: Text to speech   Click to listen highlighted text! Text to speech

Structure with parameters

You can specify custom styles and language for each Text to Speech block.
Use this code

{gspeech style=2 language=en}Custom text to speech{/gspeech}

Result will be: Custom text to speech   Click to listen highlighted text! Custom text to speech

Style - Style index. Possible values from 1 to 5. Appropriate style will be used. If left blank, style 1 will be used.
Language - Custom language code(en for English, fr for French etc.). If left blank, global plugin language will be used. Full list of supported languages can be found here.

Autoplay

You can set autoplay and speechtimeout for each Text to Speech block.
Use this code

{gspeech autoplay=1 speechtimeout=0}Custom text to speech{/gspeech}

autoplay - possible values: 0 or 1.
speechtimeout - speech timeout(set in miliseconds. write 1000 to get 1 second timeout).

Access Level

You can specify Access Level for each Text to Speech block.
Use this code

{gspeech registered=0}Custom text to speech{/gspeech}

registered - possible values: 0 or 1 or 2.
If 0 - all users will see Text to Speech block.
If 1 - only loggen in users will see Text to Speech block.
If 2 - only not loggen in users will see Text to Speech block.

Custom events

You can specify Custom events to play Text to Speech block.
Use this code

{gspeech selector=anyselector event=anyevent}Custom text to speech{/gspeech}

selector - your selector identifier.
To access element by class name, use .classname structure.
To access element by id, use #elementid structure.
event - specify event type. (click, hover, mouseenter, mouseleave, etc. ...).

Hide Speaker

You can hide Text to Speech block.
Use this code

{gspeech hidespeaker=1}Custom text to speech{/gspeech}

hidespeaker - possible values: 0 or 1.

GSpeech structure with all parameters will be

{gspeech style=2 language=en autoplay=1 speechtimeout=0 registered=0 selector=anyselector event=anyevent 
hidespeaker=1}welcome{/gspeech}

Example1- Creating speaking block

Html

<div class="ex_div">Experiments Block</div>

GSpeech structure

{gspeech selector=.ex_div event=mouseenter hidespeaker=1}welcome{/gspeech}

{gspeech selector=.ex_div event=mouseleave hidespeaker=1}goodbye{/gspeech}

{gspeech selector=.ex_div event=click hidespeaker=1}click{/gspeech}

Result will be

• Other Extensions