I am planning to expand this article by re-writing with more details and will also include one or two samples, but for now, in the interest of time, it just has minimal information. In addition, the plugin itself is still in its infancy. It does what I need it to do for the Voice-enabled Weather and Traffic Report application that I built, but I am also planning and hopefully others would join me to further improve it.
When I say "all browsers", yes, I mean that this also includes IE6. For IE8, IE7 and IE6, somehow, you would have to instruct your users that they would need to install the QuickTime plugin for a seamless user experience. If you figure out to make it work seamlessly with Media Player, please let me know. For Opera, the end users would have to configure their browsers by going to "Settings->Preferences->Network" and uncheck the box labeled "Send Referer information". Out of the box, it seems to work best with FireFox, Safari and Chrome.
First, grab the jQuery Text-to-Speech and jPlayer plugins:
Then in the <head> tag, add the following lines:
Somewhere inside the <body> tag (I put mine right after the opening of the <body> tag), add a couple of divs:
That's it. This should be enough for anyone to start now. As I mentioned, I am planning to expand this article in the next few days.