Forked from artemgoncharuk/gist:b31b6a656c954a2866e8
Last active
June 16, 2019 20:59
-
-
Save Gugic/cfc008599fa9a82eeba4127648009132 to your computer and use it in GitHub Desktop.
This file contains hidden or 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({ query: text, lang: "en", sessionId: "somerandomthing" }), | |
| 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> |
How do you add voice recognition to this example? I don't want to be typing to answer.
Someone knows how to differentiate a message with accents from one without accents?
The json does not recognize him
Does anyone have an example with API V2?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@latestscoop Thanks alot i was looking for a code like this thanks again