javascript - 如何添加按钮来激活 Annyang JS？

Question

很抱歉这个菜鸟问题，但我的 JS 技能非常有限。所以我在我的网页上实施安阳。它与页面一起加载，但我更愿意添加一个按钮来激活它。这是我到目前为止所拥有的：

<script>
if (annyang) {
    // Let's define a command.
    var commands = {
        'hello': function() { 
            alert('Hello, You can now speak to navigate around this website. Try it now by saying "Contact"'); 
        },
        'goodbye': function() { 
            alert('Goodbye!');
        },
        'contact': function() { 
            window.location.href='../contact-us/'; 
        },
    };

    // Add our commands to annyang
    annyang.addCommands(commands);

    // Start listening.
    annyang.start();
}
</script>


<button class="btn btn-secondary-alt view-more" onclick="annyang.start();">SPEAK NOW</button>

在此先感谢您的帮助

Answer 1

只需删除annyang.start()脚本中的。当 annyang 准备好时，那条线路已经调用了它。

Answer 2

不知道你在问什么，但看起来这应该可行。最好将内联 javascript 也移动到您的脚本中。

而不是 onclick="annyang.start(); 做类似的事情：

// if you are not using jQuery
var annyangBtn = document.querySelectorAll(".annyang-btn");
annyangBtn.addEventListener("click", annyang.start(), false);