jQuery plugin for Text to Speech

in Jquery / 14 Comments

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




More than 200+ accent voices


Just add speakClient.js on header

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


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







Speak(‘this is anil ‘);


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;}


Studying Btech, Java addicted, web application developer,bloggerDone 15+ projects

  1. Will

    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. siva

    Hi Anil, this one not working in chrome 🙁 , i need to download any kind of plugins to support chrome

  3. kinix

    Very nice plugin, works flawlessly. I know its mentioned before, but how can you change voices or variants? Is it hardcoded in the speakGenerator.js?

  4. Robert

    Great, but i doesn’t seem to work on latest explorer. Works fine in chrome and firefox…

  5. Michal

    nice but please tell how change the language?

  6. 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?

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>