Annyang 不显示输入命令

Question

我正在做一个项目，需要以包含输入任务名称类型=文本和 id=task_name 的形式输入数据。用户应该能够使用 annyang 语音识别输入数据，annyang 正在启动并且可以在页面上看到红点但是当传递命令时没有任何显示，我是不是在某处出错了。单击一个按钮将使 annyang 启动，之后用户可以添加使用语音命令来输入数据，但语音命令不起作用。

这是我的代码

<script>
        
    start_vc.addEventListener('click', () => {

    const speech = new SpeechSynthesisUtterance();

    speech.text = 'How can i help you!';
    speech.lang = 'en-UK';
    speech.volume = 1;
    speech.rate = 1;
    speech.pitch = 1;
    
    window.speechSynthesis.speak(speech);

    if (annyang) {
        
        var commands = {

            'input task name': function(variable) {
                let task_name = document.getElementById("task_name");
                task_name.value = variable;
            }
        };
      
        // Add our commands to annyang
        annyang.addCommands(commands);
      
        // Start listening.
        annyang.start();
      }

});
    </script>

我是不是在某个地方犯了错误，如果我犯了错误，有人可以告诉我我对 javascript

有点陌生吗？

Answer 1

您的代码将使 annyang 收听语音命令“输入任务名称”，因为您在此处定义了该命令：

试着说“输入任务名称”，看看它是否将这句话放入 task_name 字段。

您需要用一个命令替换该文本，该命令将捕获用户所说的任何句子。

例如：

var commands = {
    '*variable': function(variable) {
        let task_name = document.getElementById("task_name");
        task_name.value = variable;
    }
};

annyang.addCommands(commands);

我还建议在开发时将 annyang.debug() 添加到您的代码中。

Annyang 不显示输入命令

Annyang is not displaying input command

javascript

voice-recognition

annyang