Распознавание речи с использованием текстового редактора Summernote и PHP - PullRequest
Новая
       9

Распознавание речи с использованием текстового редактора Summernote и PHP

0 голосов
/ 24 октября 2019

Я следовал онлайн-учебнику (который можно найти здесь: LINK ), и я получил следующий фрагмент кода, работающий на localhost.

Дело в том, что мне не удалось включить его в редактор Summernote. Этот редактор получает данные из текстовой области. Распознавание речи помещает то, что имеет в абзаце.

Есть ли способ связать их вместе?

Код распознавания речи, который работает: 

<button id="start-button">Start Listening</button>

    <p><strong>You said:</strong> <em id="demo-echo">nothing yet</em>.</p>

    <script type="text/javascript">
    function startListening() {
        var recognition = new (webkitSpeechRecognition || SpeechRecognition)();
        recognition.lang = 'en-US';
        recognition.interimResults = false;
        recognition.maxAlternatives = 1;
        recognition.start();

        [
         'onaudiostart',
         'onaudioend',
         'onend',
         'onerror',
         'onnomatch',
         'onresult',
         'onsoundstart',
         'onsoundend',
         'onspeechend',
         'onstart'
        ].forEach(function(eventName) {
            recognition[eventName] = function(e) {
                console.log(eventName, e);
            };
        });

        document.querySelector('#start-button').innerHTML = 'Listening...';

        recognition.onend = function() {
            document.querySelector('#start-button').innerHTML = 'Start Listening';
        };
        recognition.onresult = function() {
            document.querySelector('#demo-echo').textContent = event.results[0][0].transcript;
        };
    };

    (function() {
        document.querySelector('#start-button').addEventListener('click', startListening);
    })();

    </script>

Iпопытался отобразить в текстовом идентификаторе SummerNote, но ничего ...

...