Created
June 9, 2019 03:20
-
-
Save AshV/bf6087e9f561efb980e925a33988ac3d 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>Speech SDK JavaScript Quickstart</title> | |
</head> | |
<body> | |
<!-- UI code goes here --> | |
<div id="warning"> | |
<h1 style="font-weight:500;">Speech Recognition Speech SDK not found (microsoft.cognitiveservices.speech.sdk.bundle.js missing).</h1> | |
</div> | |
<div id="content" style="display:none"> | |
<table width="100%"> | |
<tr> | |
<td></td> | |
<td><h1 style="font-weight:500;">Microsoft Cognitive Services Speech SDK JavaScript Quickstart</h1></td> | |
</tr> | |
<tr> | |
<td align="right"><a href="https://docs.microsoft.com/azure/cognitive-services/speech-service/get-started" target="_blank">Subscription</a>:</td> | |
<td><input id="subscriptionKey" type="text" size="40" value="subscription"></td> | |
</tr> | |
<tr> | |
<td align="right">Region</td> | |
<td><input id="serviceRegion" type="text" size="40" value="YourServiceRegion"></td> | |
</tr> | |
<tr> | |
<td></td> | |
<td><button id="startRecognizeOnceAsyncButton">Start recognition</button></td> | |
</tr> | |
<tr> | |
<td align="right" valign="top">Results</td> | |
<td><textarea id="phraseDiv" style="display: inline-block;width:500px;height:200px"></textarea></td> | |
</tr> | |
</table> | |
</div> | |
<!-- SDK reference goes here --> | |
<!-- Speech SDK reference sdk. --> | |
<script src="microsoft.cognitiveservices.speech.sdk.bundle.js"></script> | |
<!-- Optional authorization token request goes here --> | |
<!-- Sample code goes here --> | |
<!-- Speech SDK USAGE --> | |
<script> | |
// status fields and start button in UI | |
var phraseDiv; | |
var startRecognizeOnceAsyncButton; | |
// subscription key and region for speech services. | |
var subscriptionKey, serviceRegion; | |
var authorizationToken; | |
var SpeechSDK; | |
var recognizer; | |
document.addEventListener("DOMContentLoaded", function () { | |
startRecognizeOnceAsyncButton = document.getElementById("startRecognizeOnceAsyncButton"); | |
subscriptionKey ="ea4435fef1214195bf188c296cad8c7e"; | |
serviceRegion = "centralindia"; | |
phraseDiv = document.getElementById("phraseDiv"); | |
startRecognizeOnceAsyncButton.addEventListener("click", function () { | |
startRecognizeOnceAsyncButton.disabled = true; | |
phraseDiv.innerHTML = ""; | |
// if we got an authorization token, use the token. Otherwise use the provided subscription key | |
var speechConfig; | |
if (authorizationToken) { | |
speechConfig = SpeechSDK.SpeechConfig.fromAuthorizationToken(authorizationToken, serviceRegion); | |
} else { | |
if (subscriptionKey === "" || subscriptionKey === "subscription") { | |
alert("Please enter your Microsoft Cognitive Services Speech subscription key!"); | |
return; | |
} | |
speechConfig = SpeechSDK.SpeechConfig.fromSubscription(subscriptionKey, serviceRegion); | |
} | |
speechConfig.speechRecognitionLanguage = "en-US"; | |
var audioConfig = SpeechSDK.AudioConfig.fromDefaultMicrophoneInput(); | |
recognizer = new SpeechSDK.SpeechRecognizer(speechConfig, audioConfig); | |
recognizer.recognizeOnceAsync( | |
function (result) { | |
startRecognizeOnceAsyncButton.disabled = false; | |
phraseDiv.innerHTML += result.text; | |
window.console.log(result); | |
recognizer.close(); | |
recognizer = undefined; | |
}, | |
function (err) { | |
startRecognizeOnceAsyncButton.disabled = false; | |
phraseDiv.innerHTML += err; | |
window.console.log(err); | |
recognizer.close(); | |
recognizer = undefined; | |
}); | |
}); | |
if (!!window.SpeechSDK) { | |
SpeechSDK = window.SpeechSDK; | |
startRecognizeOnceAsyncButton.disabled = false; | |
document.getElementById('content').style.display = 'block'; | |
document.getElementById('warning').style.display = 'none'; | |
// in case we have a function for getting an authorization token, call it. | |
if (typeof RequestAuthorizationToken === "function") { | |
RequestAuthorizationToken(); | |
} | |
} | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment