josher19/mSpeak.html

## mSpeak.html
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1><a href="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&text=Welcome+to+the+Audio+Site&language=en&format=audio%2fwav" target=_blank>Welcome to the Audio Site</a></h1>

<form method=get action="https://api.microsofttranslator.com/V2/http.svc/Speak" id="speakForm">
<label>App ID: <input name=appId disabled=true value="TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV" /></label> <br/>
<label>Text: <input type=text name=text value="油猴汽车快修" speech x-webkit-speech /></label> <br/>
<!-- <input name=language value=en /> <br/> -->
<label>Language: <select name=language>
    <option value="en">英语 English</option>
    <option value="zh-CNS" selected>汉语 Chinese  (Simplified)</option>
    <option value="zh-CHT">Chinese (Traditional)</option>
    <option value="nl">Dutch</option>
    <option value="fr">French</option>
    <option value="de">German</option>
    <option value="it">Italian</option>
    <option value="ko">Korean</option>
    <option value="no">Norwegian</option>
    <option value="pt">Portuguese</option>
    <option value="ru">Russian</option>
    <option value="es">Spanish</option>
    <option value="sv">Swedish</option>
</select></label> <br />
<label>Audio Format: <input type=text name=format value="audio/wav" /></label> <br/>
<input type=submit id="sayIt" value="Say It" />
</form>

<audio controls id="audio" preload="none">
  <source src="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&amp;text=%E6%B2%B9%E7%8C%B4%E6%B1%BD%E8%BD%A6%E5%BF%AB%E4%BF%AE&amp;language=zh-CN&amp;format=audio%2Fwav" type="audio/wav" preload="none">
  <source xsrc="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&amp;text=%E6%B2%B9%E7%8C%B4%E6%B1%BD%E8%BD%A6%E5%BF%AB%E4%BF%AE&amp;language=zh-CN&amp;format=audio%2Fmp3" type="audio/mpeg" preload="none">
  Sorry, your browser does not support the audio tag.
</audio>

<div id="errors"></div>

<script type="text/javascript">

if (typeof encodeURIComponent != "function") encodeURIComponent = function(x) { return x };
var speakForm = document.getElementById("speakForm");

speakForm.text.onkeyup = function(ev) { this.size = 3 + this.value.length }

function undisable() {
    // document.getElementById('errors').innerHTML = "";
    // document.getElementById('sayIt').disabled = false;
}

function showerror(ev) {
    undisable();
    document.getElementById('errors').innerHTML = "Got: " + (ev.type || ev.stack);
}
var audio = document.getElementById('audio');

if (audio && audio.addEventListener) {
    // audio.removeEventListener("canplaythrough", undisable, false);
    audio.addEventListener("canplaythrough", undisable, false);
    // audio.removeEventListener("error", showerror, false);
    // audio.addEventListener("error", showerror, false);
    // audio.addEventListener("abort", showerror, false);
}

speakForm.onsubmit = function(ev) {
    var action = speakForm.action + "?"
    var els = speakForm.elements, el = els[els.length-1];
    // for(var i=0; i<els.length; ++i) { var el = els[i]; console.log(el.name,escape(el.value)) }
    for(var i=0; i<els.length; ++i) {
        el = els[i];
        if (el.name) action += "&" + el.name + "=" + encodeURIComponent(el.value)
    }
    var format = speakForm.format.value
    // alert(action);
    if (typeof console == "object") console.log(action);
    var source = audio.querySelector ? audio.querySelector('source') : audio.children[0] ;

    if (format) source.type = format;
    if (action) source.src = action;

    var submit = document.getElementById('sayIt');
    if (submit) {
        document.oncontextmenu = undisable;
        // submit.disabled = true;
    }

    /*
    var parent = audio.parentNode || document.body;
    parent.removeChild(audio);
    parent.appendChild(audio);
    */
    audio.load()

    audio.play();

    return false;
}
</script>

<hr noshade />

<div id="description" class="info">
<p>
If you use the Google Chrome Browser,
you can click the "Microphone" icon to speak and have Google convert your voice to text
<i>(sorry, does not work for Chinese)</i>. Click the &quot;<a href="#sayIt" onclick="alert(this.parentNode.textContent)">Say It</a>&quot; button to say the text. Click the &quot;<a href="#audio" onclick="audio.play()">play</a>&quot; icon to say it again.
</p>
<p>
Will not work on old versions of Internet Explorer &mdash; Sorry, your browser does not support the audio tag.
</p>
</div>

<hr noshade />

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	</head>
	<body>
	<h1><a href="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&text=Welcome+to+the+Audio+Site&language=en&format=audio%2fwav" target=_blank>Welcome to the Audio Site</a></h1>

	<form method=get action="https://api.microsofttranslator.com/V2/http.svc/Speak" id="speakForm">
	<label>App ID: <input name=appId disabled=true value="TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV" /></label> <br/>
	<label>Text: <input type=text name=text value="油猴汽车快修" speech x-webkit-speech /></label> <br/>
	<!-- <input name=language value=en /> <br/> -->
	<label>Language: <select name=language>
	<option value="en">英语 English</option>
	<option value="zh-CNS" selected>汉语 Chinese (Simplified)</option>
	<option value="zh-CHT">Chinese (Traditional)</option>
	<option value="nl">Dutch</option>
	<option value="fr">French</option>
	<option value="de">German</option>
	<option value="it">Italian</option>
	<option value="ko">Korean</option>
	<option value="no">Norwegian</option>
	<option value="pt">Portuguese</option>
	<option value="ru">Russian</option>
	<option value="es">Spanish</option>
	<option value="sv">Swedish</option>
	</select></label> <br />
	<label>Audio Format: <input type=text name=format value="audio/wav" /></label> <br/>
	<input type=submit id="sayIt" value="Say It" />
	</form>

	<audio controls id="audio" preload="none">
	<source src="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&text=%E6%B2%B9%E7%8C%B4%E6%B1%BD%E8%BD%A6%E5%BF%AB%E4%BF%AE&language=zh-CN&format=audio%2Fwav" type="audio/wav" preload="none">
	<source xsrc="https://api.microsofttranslator.com/V2/http.svc/Speak?appId=TSzWLRnblSPavH9y7i7I52Hl2qfRvb4Lk2YDo2YtRwZw3n6eWHZuShsUxrHX9VzWV&text=%E6%B2%B9%E7%8C%B4%E6%B1%BD%E8%BD%A6%E5%BF%AB%E4%BF%AE&language=zh-CN&format=audio%2Fmp3" type="audio/mpeg" preload="none">
	Sorry, your browser does not support the audio tag.
	</audio>

	<div id="errors"></div>

	<script type="text/javascript">

	if (typeof encodeURIComponent != "function") encodeURIComponent = function(x) { return x };
	var speakForm = document.getElementById("speakForm");

	speakForm.text.onkeyup = function(ev) { this.size = 3 + this.value.length }

	function undisable() {
	// document.getElementById('errors').innerHTML = "";
	// document.getElementById('sayIt').disabled = false;
	}

	function showerror(ev) {
	undisable();
	document.getElementById('errors').innerHTML = "Got: " + (ev.type \|\| ev.stack);
	}
	var audio = document.getElementById('audio');

	if (audio && audio.addEventListener) {
	// audio.removeEventListener("canplaythrough", undisable, false);
	audio.addEventListener("canplaythrough", undisable, false);
	// audio.removeEventListener("error", showerror, false);
	// audio.addEventListener("error", showerror, false);
	// audio.addEventListener("abort", showerror, false);
	}

	speakForm.onsubmit = function(ev) {
	var action = speakForm.action + "?"
	var els = speakForm.elements, el = els[els.length-1];
	// for(var i=0; i<els.length; ++i) { var el = els[i]; console.log(el.name,escape(el.value)) }
	for(var i=0; i<els.length; ++i) {
	el = els[i];
	if (el.name) action += "&" + el.name + "=" + encodeURIComponent(el.value)
	}
	var format = speakForm.format.value
	// alert(action);
	if (typeof console == "object") console.log(action);
	var source = audio.querySelector ? audio.querySelector('source') : audio.children[0] ;

	if (format) source.type = format;
	if (action) source.src = action;

	var submit = document.getElementById('sayIt');
	if (submit) {
	document.oncontextmenu = undisable;
	// submit.disabled = true;
	}

	/*
	var parent = audio.parentNode \|\| document.body;
	parent.removeChild(audio);
	parent.appendChild(audio);
	*/
	audio.load()

	audio.play();

	return false;
	}
	</script>

	<hr noshade />

	<div id="description" class="info">
	<p>
	If you use the Google Chrome Browser,
	you can click the "Microphone" icon to speak and have Google convert your voice to text
	<i>(sorry, does not work for Chinese)</i>. Click the "<a href="#sayIt" onclick="alert(this.parentNode.textContent)">Say It</a>" button to say the text. Click the "<a href="#audio" onclick="audio.play()">play</a>" icon to say it again.
	</p>
	<p>
	Will not work on old versions of Internet Explorer — Sorry, your browser does not support the audio tag.
	</p>
	</div>

	<hr noshade />

	</body>
	</html>