JNFspeaker is Text To Speech plugin powered by Google TTS engine and developed by JNFreelancer. This is joomla plugin used to make your website or webpage user friendly and accessible for disable users. It allows text and menus of website to be readable so disable user can browse the site very easily and navigation friendly. Also it makes website more interactive. Also this plugin support many languages.
Features Overview:
- Allow reads any web selectable text
- Listen to any selected text on the webpage
- Autoplay enable from the beginning of the web so any text you select it will read
- Allow change icons of speaker and visual style of text (up to 5 styles)
- Support any language provided by google
- Speaking menu to make site more interactive
- Read text on custom events like click, hover, mouseout
- Enable autoplay of the div that you choose
- Set speaker icon wherever you want to set
How to use plugin
Creating Simple Readable blocks
Basic structure
If you want the speaker to appear after the text, do the following.
{jnfspeaker}Text to speech{/jnfspeaker}
Speaking Blocks with different parameter
Specify custom styles and language for blocks as you want.
{jnfspeaker style=2 language=en}Blocks with custom parameter{/jnfspeaker}
Style – Style index. Possible values from 1 to 5. Appropriate style will be used. If you dont provide value for style then style 1 will be automatically applier to block.
Language – You can specify your own language. You can get list of supported languages from google also. Use language code en for English, es for Spanish. List will be provided with the plugin for reference. If you dont provide value for language then global plugin language will be used specified in plugin configuration.
Hide Speaker icon
You can hide readable block speaker icon if you want.
{jnfspeaker hidespeaker=0}Show Speaker{/jnspeaker}
{jnfspeaker hidespeaker=1}Hide Speaker{/jnspeaker}
Autoplay and Speechtimout option
if you want then you can set autoplay and speechtimeout for each readable block.
{jnfspeaker autoplay=0 speechtimeout=0}No Autoplay{/jnfspeaker}
{jnfspeaker autoplay=1 speechtimeout=10000}Autoplay is ON{/jnfspeaker}
You have to specify speech time out in milliseconds.
Specify access to different user like registered and non registered
You can specify Access Level for each readable block to be readable for registered user or visitor of your site.
{jnfspeaker registered=0}Everyone can read this block{/jnfspeaker}
{jnfspeaker registered=1}Only registered user can read this block{/jnfspeaker}
{jnfspeaker registered=2}Only visitor can read this block{/jnfspeaker}
Call readable block on custom events for example speaking menu:
You can read text on custom events like click, hover, mouseenter, mouseleave, etc.
Also Custom events can be called by class selector(by .) and id selector(by #).
Html Code
Code to call on custom events
{jnfspeaker selector=.menu1 event=mouseenter hidespeaker=1}You just mousehover on home menu{/jnfspeaker}
or
{jnfspeaker selector=#homemenu event=mouseenter hidespeaker=1}You just mousehover on home menu{/jnfspeaker}
{jnfspeaker selector=.menu1 event=mouseleave hidespeaker=1}You just leave your mouse from home menu{/jnfspeaker}
or
{jnfspeaker selector=#homemenu event=mouseleave hidespeaker=1}You just leave your mouse from home menu{/jnfspeaker}
{jnfspeakerselector=.menu1 event=click hidespeaker=1}you just clicked home menu{/jnfspeaker}
or
{jnfspeakerselector=#homemenu event=click hidespeaker=1}you just clicked home menu{/jnfspeaker}