Как я могу использовать распознавание речи в Django на стороне клиента?

Я пишу приложение на Django. В нем должно быть поле для заполнения, которое пользователь должен иметь возможность заполнить голосом. Он должен видеть, что он продиктовал, и в случае ошибки иметь возможность быстро ее исправить.

I wrote an html file with a small script in js inside. Here are its contents:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input id="the_button" type="button" value="Click to Speak">
    <input id="the_form" type="text" name="q" size=80 >

    <script type="text/javascript">
        var SpeechRecognition = new (window.SpeechRecognition || window.webkitSpeechRecognition
         || window.mozSpeechRecognition || window.msSpeechRecognition)();

        const the_button = document.getElementById("the_button");
        the_button.addEventListener('click', function(event) {
            SpeechRecognition.start();
        })

        SpeechRecognition.onresult = function(event){
            var the_text = event.results[0][0].transcript;
            document.getElementById('the_form').value = the_text;
        };

        SpeechRecognition.onend = function(){
            SpeechRecognition.stop();
        };
    </script>
</body>
</html>

Этот html-файл работает нормально, когда я открываю его в браузере. Но когда я интегрирую этот файл в свой проект Django в консоли разработчика, я получаю ошибку в строке:

var SpeechRecognition = new (window.SpeechRecognition || window.webkitSpeechRecognition
   || window.mozSpeechRecognition || window.msSpeechRecognition)();

Я установил модули SpeechRecognition в свой проект Django, похоже, это не имеет никакого отношения к моей проблеме.

Я буду благодарен за любой совет о том, как я могу использовать SpeechRecognition на стороне клиента

Я нашел причину. Проблема была не в Django - просто не все браузеры поддерживают SpeachRecognition. Я открыл свой проект в Google Chrome и все работает)...

Вернуться на верх