Teste de fala usando API do google (Gabriel R.)

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!-- Não esquecer do JQuery! -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <!-- Colocar isso em uma biblioteca javascript e referenciar nas páginas onde havera fala -->
    <script type="text/javascript">
        function html5_audio() {
            var a = document.createElement('audio');
            return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));
        }

        var play_html5_audio = false;
        if (html5_audio()) play_html5_audio = true;

        function play_sound(url) {
            if (play_html5_audio) {
                var snd = new Audio(url);
                snd.load();
                snd.play();
            } else {
                $("#sound").remove();
                var sound = $("<embed id='sound' type='audio/mpeg' />");
                sound.attr('src', url);
                sound.attr('loop', false);
                sound.attr('hidden', true);
                sound.attr('autostart', true);
                $('body').append(sound);
            }
        }
        function readme(txt, lang) {
            if (lang == "pt")
                play_sound("http://translate.google.com/translate_tts?ie=UTF-8&q=" + encodeURIComponent(txt) + "&tl=pt&total=1&idx=0prev=input");
            else
                play_sound("http://translate.google.com/translate_tts?ie=UTF-8&q=" + encodeURIComponent(txt) + "&tl=en&total=1&idx=0prev=input");
        }
    </script>

    <!-- E então basta chamar a função de fala passando os parâmetros -->
    <script type="text/javascript">
        $(function () {
            $('#btnFalar').click(function () {
                readme($('#TextoParaSerLido').val(), "pt");
            });
            $('#btnFalarEn').click(function () {
                readme($('#TextoParaSerLidoEn').val(), "en");
            });
        });

    </script>
</head>
<body>
    <div>
        <input type="text" id="TextoParaSerLido" value="Oiee" />
        <img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-mic-24.png" style="cursor:pointer;float:left;margin:5px;" id="btnFalar" />
    </div>
    <div>
        <input type="text" id="TextoParaSerLidoEn" value="English" />
        <img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-mic-24.png" style="cursor:pointer;float:left;margin:5px;" id="btnFalarEn" />
    </div>
</body>
</html>