没有收到api.ai的回复
[英]Not getting response from api.ai
问题描述
我从https://www.sitepoint.com/how-to-build-your-own-ai-assistant-using-api-ai/尝试了本教程，我从github下载了源代码并将其保存为.html文件。 。 但是，当我尝试运行它时，总是会收到错误消息，因为“我听不到您的声音，您能再说一遍吗？” 我不完全知道这是否是Google语音识别或api.ai的错误，还是我在做一些愚蠢的错误。 我是菜鸟，所以请原谅任何错误。 随附的代码仅供参考。 如果有人能帮助我，我将非常感激。 我也在最新版本的Google chrome中运行网页，并使用api.ai处理我的查询。
<html> <head> <title>Baymax</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> var accessToken = "f86393320e2d455496ec7ce999a4bb63", baseUrl = "https://api.api.ai/v1/", $speechInput, $recBtn, recognition, messageRecording = "Recording...", messageCouldntHear = "I couldn't hear you, could you say that again?", messageInternalError = "Oh no, there has been an internal server error", messageSorry = "I'm sorry, I don't have the answer to that yet."; $(document).ready(function() { $speechInput = $("#speech"); $recBtn = $("#rec"); $speechInput.keypress(function(event) { if (event.which == 13) { event.preventDefault(); send(); } }); $recBtn.on("click", function(event) { switchRecognition(); }); $(".debug__btn").on("click", function() { $(this).next().toggleClass("is-active"); return false; }); }); function startRecognition() { recognition = new webkitSpeechRecognition(); recognition.continuous = false; recognition.interimResults = false; recognition.onstart = function(event) { respond(messageRecording); updateRec(); }; recognition.onresult = function(event) { recognition.onend = null; var text = ""; for (var i = event.resultIndex; i < event.results.length; ++i) { text += event.results[i][0].transcript; } setInput(text); stopRecognition(); }; recognition.onend = function() { respond(messageCouldntHear); stopRecognition(); }; recognition.lang = "en-US"; recognition.start(); } function stopRecognition() { if (recognition) { recognition.stop(); recognition = null; } updateRec(); } function switchRecognition() { if (recognition) { stopRecognition(); } else { startRecognition(); } } function setInput(text) { $speechInput.val(text); send(); } function updateRec() { $recBtn.text(recognition ? "Stop" : "Speak"); } function send() { var text = $speechInput.val(); $.ajax({ type: "POST", url: baseUrl + "query", contentType: "application/json; charset=utf-8", dataType: "json", headers: { "Authorization": "Bearer " + accessToken }, data: JSON.stringify({query: text, lang: "en", sessionId: "yaydevdiner"}), success: function(data) { prepareResponse(data); }, error: function() { respond(messageInternalError); } }); } function prepareResponse(val) { var debugJSON = JSON.stringify(val, undefined, 2), spokenResponse = val.result.speech; respond(spokenResponse); debugRespond(debugJSON); } function debugRespond(val) { $("#response").text(val); } function respond(val) { if (val == "") { val = messageSorry; } if (val !== messageRecording) { var msg = new SpeechSynthesisUtterance(); msg.voiceURI = "native"; msg.text = val; msg.lang = "en-US"; window.speechSynthesis.speak(msg); } $("#spokenResponse").addClass("is-active").find(".spoken-response__text").html(val); } </script> <style type="text/css"> html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #192837; font-family: "Titillium Web", Arial, sans-serif; font-size: 20px; margin: 0; } .container { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); } input { background-color: #126077; border: 1px solid #3F7F93; color: #A6CAE6; font-family: "Titillium Web"; font-size: 20px; line-height: 43px; padding: 0 0.75em; width: 400px; -webkit-transition: all 0.35s ease-in; } textarea { background-color: #070F24; border: 1px solid #122435; color: #606B88; padding: 0.5em; width: 100%; -webkit-transition: all 0.35s ease-in; } input:active, input:focus, textarea:active, textarea:focus { outline: 1px solid #48788B; } .btn { background-color: #126178; border: 1px solid #549EAF; color: #549EAF; cursor: pointer; display: inline-block; font-family: "Titillium Web"; font-size: 20px; line-height: 43px; padding: 0 0.75em; text-align: center; text-transform: uppercase; -webkit-transition: all 0.35s ease-in; } .btn:hover { background-color: #1888A9; color: #183035; } .debug { bottom: 0; position: fixed; right: 0; } .debug__content { font-size: 14px; max-height: 0; overflow: hidden; -webkit-transition: all 0.35s ease-in; } .debug__content.is-active { display: block; max-height: 500px; } .debug__btn { width: 100%; } .spoken-response { max-height: 0; overflow: hidden; -webkit-transition: all 0.35s ease-in; } .spoken-response.is-active { max-height: 400px; } .spoken-response__text { background-color: #040E23; color: #7584A2; padding: 1em; } </style> </head> <body> <div class="container"> <input id="speech" type="text"> <button id="rec" class="btn">Speak</button> <div id="spokenResponse" class="spoken-response"> <div class="spoken-response__text"></div> </div> </div> <div class="debug"> <div class="debug__btn btn"> Debug JSON results </div> <div class="debug__content"> <textarea id="response" cols="40" rows="20"></textarea> </div> </div> <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200" rel="stylesheet" type="text/css"> </body> </html>
谢谢
1 个解决方案
解决方案1
0 2017-08-18 01:53:15
键入后必须输入“ Enter”以获得结果。 如果单击“讲话”，则必须使用麦克风而不是键入。
无法将API.ai调用封装到外部javascript函数中
[英]Encapsulating API.ai call into an external javascript function is not working
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.