-
-
Save artemgoncharuk/b31b6a656c954a2866e8 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>API Example</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 = "<your agent's client access token>"; | |
| var baseUrl = "https://api.api.ai/v1/"; | |
| $(document).ready(function() { | |
| $("#input").keypress(function(event) { | |
| if (event.which == 13) { | |
| event.preventDefault(); | |
| send(); | |
| } | |
| }); | |
| $("#rec").click(function(event) { | |
| switchRecognition(); | |
| }); | |
| }); | |
| var recognition; | |
| function startRecognition() { | |
| recognition = new webkitSpeechRecognition(); | |
| recognition.onstart = function(event) { | |
| updateRec(); | |
| }; | |
| recognition.onresult = function(event) { | |
| var text = ""; | |
| for (var i = event.resultIndex; i < event.results.length; ++i) { | |
| text += event.results[i][0].transcript; | |
| } | |
| setInput(text); | |
| stopRecognition(); | |
| }; | |
| recognition.onend = function() { | |
| 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) { | |
| $("#input").val(text); | |
| send(); | |
| } | |
| function updateRec() { | |
| $("#rec").text(recognition ? "Stop" : "Speak"); | |
| } | |
| function send() { | |
| var text = $("#input").val(); | |
| $.ajax({ | |
| type: "POST", | |
| url: baseUrl + "query?v=20150910", | |
| contentType: "application/json; charset=utf-8", | |
| dataType: "json", | |
| headers: { | |
| "Authorization": "Bearer " + accessToken | |
| }, | |
| data: JSON.stringify({ q: text, lang: "en" }), | |
| success: function(data) { | |
| setResponse(JSON.stringify(data, undefined, 2)); | |
| }, | |
| error: function() { | |
| setResponse("Internal Server Error"); | |
| } | |
| }); | |
| setResponse("Loading..."); | |
| } | |
| function setResponse(val) { | |
| $("#response").text(val); | |
| } | |
| </script> | |
| <style type="text/css"> | |
| body { width: 500px; margin: 0 auto; text-align: center; margin-top: 20px; } | |
| div { position: absolute; } | |
| input { width: 400px; } | |
| button { width: 50px; } | |
| textarea { width: 100%; } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <input id="input" type="text"> <button id="rec">Speak</button> | |
| <br>Response<br> <textarea id="response" cols="40" rows="20"></textarea> | |
| </div> | |
| </body> | |
| </html> |
Guys if anyone is having problems with the audio, that is because as mentioned before Audio API is not available locally, you must host the file, this can be done on your local machine using nodejs with expressJS (https://scotch.io/tutorials/use-expressjs-to-deliver-html-files) or Python (http://www.linuxjournal.com/content/tech-tip-really-simple-http-server-python). You can also use a dedicated server, many are available online
Loading your script without protocol avoids http/https switch issue
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
It works, but i got warning...so how to add session id?
"metadata": {
"warning": "IMPORTANT: Please use unique session ID for each client. Otherwise you may experience unstable behaviour."
},em... i added sessionId and also change q to query, it seems they prefer query:
data: JSON.stringify({ query: text, lang: "en", sessionId: "fe172d70-7c2e-4cb7-99fd-7a745edb9622"}),
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
change your access token with Developer access token or Client access token .... @comarius