如何添加按钮来激活Annyang JS?

时间:2016-07-15 18:23:08

标签: javascript annyang

对于noob问题很抱歉,但我的JS技能非常有限。 所以我正在将Annyang应用到我的网页上。它加载页面,但我更喜欢添加一个按钮来激活它。这就是我到目前为止所拥有的:

<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>

提前感谢您的帮助

2 个答案:

答案 0 :(得分:1)

只需删除脚本中的annyang.start()即可。当annyang准备就绪时,那条线已经调用了它。

答案 1 :(得分:0)

不确定你在问什么,但看起来这应该有效。最好将内联javascript移动到你的脚本中。

而不是onclick =&#34; annyang.start();做类似的事情:

return HttpResponse('Product Created !')