Web Speech API (Synthesis)

README

https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html

jsdoit.html

<p>
    <input id="input-japanese" type="text" value="こんにちは" />
    <button id="speak-japanese">日本語</button>
</p>

<p>
    <input id="input-english" type="text" value="Hello world." />
    <button id="speak-english">English</button>
</p>

jsdoit.js

$(function() {
    var Speaker = function (rate) {
        this.rate = rate || 0.5;
        
        this.speak = function (text, lang) {
            var u = new SpeechSynthesisUtterance();
            u.rate = this.rate;
            u.text = text;
            u.lang = lang;
            //u.onend = function(event) { alert('Finished in ' + event.elapsedTime + ' seconds.'); }
            window.speechSynthesis.speak(u);
        };
        this.english = function (text) {
            this.speak(text, 'en-US');
        };
        this.japanese = function(text) {
            this.speak(text, 'ja-JP');
        }
    };
    
    var speaker = new Speaker();
    
    $('#speak-japanese').click(function () {
        var text = $('#input-japanese').val();
        speaker.japanese(text);
    });
    
    $('#speak-english').click(function () {
        var text = $('#input-english').val();
        speaker.english(text);
    });

});