Urdu English
English English Deutsch Deutsch Español Español Français Français Italiano Italiano Nederlands Nederlands Português Português Русский Русский Ελληνικά Ελληνικά
Login



 

GSpeech Joomla! extension, Text to speech online.

Projects >> GSpeech >> Documentation
Demo
0 Downloads
Joomla! 2.5 - 3.x
Version 2.0.1
Download Free
WordPress
Version 1.0.3
Download Free
Go PRO €39
Go PRO+ €59
Forum
Documentation
All Versions
GSpeech allows your visitors to listen any text from your site.
New documentation coming soon...

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
Experiments Block
welcome   Click to listen highlighted text! welcome
goodbye   Click to listen highlighted text! goodbye
click   Click to listen highlighted text! click

Do not change parameters ordering



  • Other Extensions
  • You will be surprised by count of all the possible features!
    Learn More
  • What your audience thinks? Embed our simple, customizable and fed up with stunning effects polling software into your website to find out.
    Learn More
  • Show your presence in social web in very original and sexy way.
    Learn More
  • Downloads history
Click to listen highlighted text!