preslavrachev/speech.html

## speech.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>PhoneGap Events Example</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.js"></script>
    <script type="text/javascript" charset="utf-8" src="tts.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Call onDeviceReady when PhoneGap is loaded.
    //
    // At this point, the document has loaded but phonegap.js has not.
    // When PhoneGap is loaded and talking with the native device,
    // it will call the event `deviceready`.
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
    //
    function onDeviceReady() {
        window.plugins.tts.startup(startupWin, fail);
    }

    function startupWin(result) {
		// When result is equal to STARTED we are ready to play
		if (result == TTS.STARTED) {
			window.plugins.tts.getLanguage(win, fail);
			window.plugins.tts.speak("The text to speech service is ready");
            window.plugins.tts.isLanguageAvailable("en_US", function() {
                addLang("en_US", "English (American)");
            }, fail);
            window.plugins.tts.isLanguageAvailable("en_GB", function() {
                addLang("en_GB", "English (UK)");
            }, fail);
            window.plugins.tts.isLanguageAvailable("fr", function() {
                addLang("fr", "French");
            }, fail);
            window.plugins.tts.isLanguageAvailable("de", function() {
                addLang("de", "German");
            }, fail);
            window.plugins.tts.isLanguageAvailable("it", function() {
                addLang("it", "Italian");
            }, fail);
            window.plugins.tts.isLanguageAvailable("es", function() {
                addLang("es", "Spanish");
            }, fail);
		}
    }

	function addLang(loc, lang) {
		var langs = document.getElementById('langs');
		var langOption = document.createElement("OPTION")
		langOption.innerText = lang;
		langOption.value = loc;
        langs.options.add(langOption);
	}

	function changeLang() {
		var yourSelect = document.getElementById('langs');
        window.plugins.tts.setLanguage(yourSelect.options[yourSelect.selectedIndex].value, win, fail);
	}

	function win(result) {
		console.log(result);
	}

    function fail(result) {
        console.log("Error = " + result);
    }

    function speak() {
        window.plugins.tts.speak(document.getElementById('playMe').value);
    }
    </script>
  </head>
  <body onload="onLoad()">
    <h2>TTS Example</h2>
	<input id="playMe" type="text"/><br/>
	<select id="langs" onchange="changeLang()"></select>
    <a href="javascript:speak()">Speak</a><br/>
  </body>
</html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<title>PhoneGap Events Example</title>

	<script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.js"></script>
	<script type="text/javascript" charset="utf-8" src="tts.js"></script>
	<script type="text/javascript" charset="utf-8">

	// Call onDeviceReady when PhoneGap is loaded.
	//
	// At this point, the document has loaded but phonegap.js has not.
	// When PhoneGap is loaded and talking with the native device,
	// it will call the event `deviceready`.
	//
	function onLoad() {
	document.addEventListener("deviceready", onDeviceReady, false);
	}

	// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
	//
	function onDeviceReady() {
	window.plugins.tts.startup(startupWin, fail);
	}

	function startupWin(result) {
	// When result is equal to STARTED we are ready to play
	if (result == TTS.STARTED) {
	window.plugins.tts.getLanguage(win, fail);
	window.plugins.tts.speak("The text to speech service is ready");
	window.plugins.tts.isLanguageAvailable("en_US", function() {
	addLang("en_US", "English (American)");
	}, fail);
	window.plugins.tts.isLanguageAvailable("en_GB", function() {
	addLang("en_GB", "English (UK)");
	}, fail);
	window.plugins.tts.isLanguageAvailable("fr", function() {
	addLang("fr", "French");
	}, fail);
	window.plugins.tts.isLanguageAvailable("de", function() {
	addLang("de", "German");
	}, fail);
	window.plugins.tts.isLanguageAvailable("it", function() {
	addLang("it", "Italian");
	}, fail);
	window.plugins.tts.isLanguageAvailable("es", function() {
	addLang("es", "Spanish");
	}, fail);
	}
	}

	function addLang(loc, lang) {
	var langs = document.getElementById('langs');
	var langOption = document.createElement("OPTION")
	langOption.innerText = lang;
	langOption.value = loc;
	langs.options.add(langOption);
	}

	function changeLang() {
	var yourSelect = document.getElementById('langs');
	window.plugins.tts.setLanguage(yourSelect.options[yourSelect.selectedIndex].value, win, fail);
	}

	function win(result) {
	console.log(result);
	}

	function fail(result) {
	console.log("Error = " + result);
	}

	function speak() {
	window.plugins.tts.speak(document.getElementById('playMe').value);
	}
	</script>
	</head>
	<body onload="onLoad()">
	<h2>TTS Example</h2>
	<input id="playMe" type="text"/><br/>
	<select id="langs" onchange="changeLang()"></select>
	<a href="javascript:speak()">Speak</a><br/>
	</body>
	</html>