AshV/azure-speech.html

## azure-speech.html
<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>
	<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>