Google translator API

W dobie globalnej wioski, bardzo dobrze jest znać wiele języków obcych. Niestety, nie zawsze jest to możliwe. A często chcielibyśmy porozumieć się z kimś, kto mówi w języku nam nieznanym.

Póki co, sztuczna inteligencja ma więcej wspólnego ze "sztuczną" niż "inteligencją", więc nie ma się co oszukiwać - automatyczne translatory są jedynie marną protezą. Jednak, kiedy nie mamy inneg wyjścia są całkiem dobrą protezą.

W tym artykule pokażę cząstkę możliwości google translatora. Napiszemy prosty słownik.

Interfejs

W pierwsze pole od lewej wpisywać będziemy zdanie do tłumaczenia. Potem wybieramy język w jakim to zdanie występuje, a następnie język na jaki chcemy przetłumaczyć. Po kliknięciu "tłumacz" wykorzystamy prosty skrypt JS do komunikacji z google. Ale po kolei:

Kod HTML:

<html>
<head>
	<title>Tłumacz oparty o API Google</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">
		google.load("language", "1");
		function translate()
		{
			var text = document.getElementById('input').value;
			var lang_in = document.getElementById('lang_in').value;
			var lang_out = document.getElementById('lang_out').value;
			google.language.translate(text, lang_in, lang_out, function(result) 
			{
				if (!result.error) 
				{
					var container = document.getElementById("translation");
					container.innerHTML = result.translation;
				}
			});
		}
	</script>
</head>
<body>
<form action="#" onsubmit="return false;">
	<input type="text" id="input" name="input" />
	<select name="in"  id="lang_in">
		<option value="en">english</option>
		<option value="es">spain</option>
		<option value="de">german</option>
        	<option value="pl">polish</option>
	</select>
	
	<select name="out" id="lang_out">
		<option value="en">english</option>
		<option value="es">spain</option>
		<option value="de">german</option>
		<option value="pl">polish</option>
	</select>
	<input type="button" onclick="translate()" value="tłumacz" />
</form>
	<div id="translation"></div>
</body>
</html>

Możemy już uruchomić taką stronę. Wszystko powinno ładnie działać. Oczywiście, czasem mogą się zdarzyć dziwne tłuamczenia :) Internet jest pełen zabanych przykładów błędnych translacji.

uwaga!

Dla XHTMLowych purystów może zdarzyć się przykra niespodzianka. Otóż google'owy loader niezbyt lubi XHTML. Dlatego też tu serwuję stronę jako czysty html (text/html). Można poszukać w Internecie sposobów na obejście tego. Jakby ktoś znalazł / napisał przystępny i szybki tutorial to będę wdzięczny za informację w komentarzu.

Interfejs

Kod HTML:

uwaga!

Zobacz podobne artykuły