Home > Style & Scripts > Jquery > jQuery plugin for Text to Speech

jQuery plugin for Text to Speech

070-341 exam Hi friends, this post explains about jquery plugin for converting text to speech. It is a simple plugin and it can be use in your web applications. 220-702This posts explains in several steps. 070-336 exam
1. Plugin Name
2. Voices
3. Usage
4. Architecture
5. Code
6. Demo 070-341 exam

jQuery plugin for Text to Speech by Anil Labs

Plugins

SpeakClient.js

Voices

More than 200+ accent voices

Usage

Just add speakClient.js on header

Add function in your javascript code or jQuery code speak(“hi this is speak plugin tutorial”)

Architecture

When ->-> Speak() function get chance to220-801 call they get data from speakClient.js and load speakWorker.js in a web browser (background process) around speakGenerator.js. Convert our text to wav format and return to speak function. Then plays html audio content.

Explains architecture in a picture

jQuery plugin for Text to Speech by Anil Labs

  

 

Code

 

Or

 

$(function(){
$(‘#link’).click(function()
{
Speak(‘this is anil ‘);
});
});

CLICK HERE TO SPEAK

Complete Code

 

var j = jQuery.noConflict();
j(document).ready(function() {
j(‘#link’).on(‘click’, function()
{
speak(‘this is anil ‘);
});
});

body { text-align: center; }
#container { margin: 0 auto; width: 900px; }
#button { background: none repeat scroll 0 0 green;color: white;font-size: 40px;}
#link { font-size:20px;}

  itexamsuper

14 Responses

  1. Wow, Thanks for this informative post you have here. I heard about some text voice that has features that can an easy create and use platform, that allows users alternative methods to process written information. Is this something that most text to speech needs?

  2. Pingback : Download videos from Youtube using PHP and API - Anil Labs

  3. Rajesh

    Is it working for Phonegap application? I have try to use in phone gap but not working what i do if i want to use in phone gap application?

  4. Pingback : 2013年优秀jQuery插件整理小结 | 云渣

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.