Использование Google Text-to-Speech в Javascript

Мне нужно играть Google text-to-speech в JavaScript.
Идея состоит в том, чтобы использовать веб-сервис:

http://translate.google.com/translate_tts?tl=en&q=This%20is%20just%20a%20test

и воспроизвести его на действии certian, например, нажатием кнопки.

но кажется, что это не похоже на загрузку обычного файла wav / mp3:

<audio id="audiotag1" src="audio/example.wav" preload="auto"></audio>

<script type="text/javascript">
    function play() {
        document.getElementById('audiotag1').play();
    }
</script>

Как я могу это сделать?

29
google-text-to-speech javascript

4 ответов

другой вариант теперь может быть HTML5 текст в речь, что в Chrome 33+ и и многие другие.

вот пример:

var msg = new SpeechSynthesisUtterance('Hello World');
window.speechSynthesis.speak(msg);

С этим, возможно, вам вообще не нужно использовать веб-службу.

78

вот фрагмент кода, который я нашел:

var audio = new Audio();
audio.src ='http://translate.google.com/translate_tts?ie=utf-8&tl=en&q=Hello%20World.';
audio.play();
17

вы слышали о сказать.библиотека js?
Вам нужно только позвонить say(msg) при его использовании.

изменить:

посмотрите на блог разработчика Google, который посвящен голосовым веб-приложениям введение в API веб-речи.

3

запустите этот код, он будет принимать входной сигнал аудио(микрофон) и преобразовать в текст, чем аудио.

<head>
<title>MY Echo</title>
<script src="http://code.responsivevoice.org/responsivevoice.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css" />
<style type="text/css">
    body {
        font-family: verdana;
    }

    #result {
        height: 100px;
        border: 1px solid #ccc;
        padding: 10px;
        box-shadow: 0 0 10px 0 #bbb;
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 25px;
    }

    button {
        font-size: 20px;
        position: relative;
        left: 50%;
    }
</style>

<h4 align="center">Speech to text converter in JS</h4>
<div id="result"></div> <button onclick="startConverting();"><i class="fa fa-microphone"></i></button>
<script type="text/javascript">
    var r = document.getElementById('result');

    function startConverting() {
        if ('webkitSpeechRecognition' in window) {
            var speechRecognizer = new webkitSpeechRecognition();
            speechRecognizer.continuous = true;
            speechRecognizer.interimResults = true;
            speechRecognizer.lang = 'en-IN';
            speechRecognizer.start();
            var finalTranscripts = '';
            speechRecognizer.onresult = function(event) {
                var interimTranscripts = '';
                for (var i = event.resultIndex; i < event.results.length; i++) {
                    var transcript = event.results[i][0].transcript;
                    transcript.replace("\n", "<br>");
                    if (event.results[i].isFinal) {
                        finalTranscripts += transcript;
                        var speechresult = finalTranscripts;
                        console.log(speechresult);
                        if (speechresult) {
                            responsiveVoice.speak(speechresult, "UK English Female", {
                                pitch: 1
                            }, {
                                rate: 1
                            });
                        }
                    } else {
                        interimTranscripts += transcript;
                    }
                }
                r.innerHTML = finalTranscripts + '<span style="color:#999">' + interimTranscripts + '</span>';
            };
            speechRecognizer.onerror = function(event) {};
        } else {
            r.innerHTML = 'Your browser is not supported. If google chrome, please upgrade!';
        }
    }
</script>
</body>

</html>`
2