Iker Perez de Albeniz

Hace tiempo que tenia pendiente hacer un mashup de la librería javascript de Twitter, Google Translate y las nuevas oportunidades de HTML5. Pues al final me he animado y no ha sido muy complicado: por un lado detectar el idioma del tweet, por otro lanzar la ejecución del el audio, y por ultimo integrar estas dos funciones el la librería widget.js que ofrece Twitter.

Esta es una primera aproximación, que puede ser mejorada considerablemente. A continuación el código y ejemplo (esta probado que funciona en chrome).

El widget.js modificado se puede descargar aqui.

<br />
&lt;html&gt;<br />
	&lt;head&gt;<br />
	&lt;/head&gt;<br />
	&lt;body&gt;<br />
	&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/jsapi?key=AIzaSyBMhwGvMwDbGgXIVU4SI_aVy7AjeGFnorw&quot;&gt;&lt;/script&gt;<br />
		&lt;script type=&quot;text/javascript&quot;&gt;<br />
		google.load(&quot;language&quot;, &quot;1&quot;);</p>
<p>	var auxtest = &quot;&quot;;<br />
	var elapsedtww = 0;</p>
<p>	function cleanHtml(html){<br />
		 	var result = html.replace(/&lt;.*?&gt;(.*?)&lt;\/.*?&gt;/g, function(a,s){return s;});<br />
	  	var result2 = result.replace(/#(.*?)/g, function(a,s){return s;});<br />
	  	var result3 = result2.replace(/@(.*?)/g, function(a,s){return s;});<br />
	  	return cleanLinks(result3);<br />
	}</p>
<p>	function cleanLinks(text){<br />
  	var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&amp;@#\/%?=~_|!:,.;]*[-A-Z0-9+&amp;@#\/%=~_|])/ig;<br />
  	return text.replace(exp,&quot;&quot;);<br />
	}</p>
<p>	function sleep(milliSeconds){<br />
		var startTime = new Date().getTime(); // get the current time<br />
		while (new Date().getTime() &lt; startTime + milliSeconds); // hog cpu<br />
	}</p>
<p>	function submitGtext(text) {<br />
			while (elapsedtww &gt; 0){<br />
				sleep(1000);<br />
			}<br />
			elapsedtww = 1;<br />
      auxtest = cleanHtml(text);<br />
      google.language.detect(auxtest, playVoice);<br />
      return false;<br />
    }</p>
<p>	function playVoice(result){<br />
	  var langcode = &#8216;en&#8217;;<br />
    if (result.language) {<br />
        var language = &#8216;unnamed&#8217;;<br />
        for (l in google.language.Languages) {<br />
          if (google.language.Languages[l] == result.language) {<br />
            language = l;<br />
            break;<br />
          }<br />
        }</p>
<p>        if(language == &quot;SPANISH&quot;){<br />
         langcode = &#8216;es&#8217;;<br />
        }<br />
        if(language == &quot;PORTUGUESE&quot;){<br />
         langcode = &#8216;pt&#8217;;<br />
        }<br />
        if(language == &quot;GERMAN&quot;){<br />
         langcode = &#8216;de&#8217;;<br />
        }<br />
    }<br />
		var audio_file = document.getElementById(&#8216;voice&#8217;);<br />
		while(audio_file.currentTime &lt; audio_file.duration &amp;&amp; audio_file.currentTime != 0){<br />
			sleep(100);<br />
		}<br />
		audio_file.src = &#8216;http://translate.google.com/translate_tts?q=&#8217;+escape(html_entity_decode(auxtest))+&#8217;&amp;tl=&#8217;+langcode;<br />
		document.getElementById(&#8216;audiopaths&#8217;).value =  document.getElementById(&#8216;audiopaths&#8217;).value +&quot;\r\n\r\n&quot;+html_entity_decode(auxtest);<br />
		audio_file.load();<br />
		audio_file.play();<br />
		elapsedtww = 0;<br />
	}</p>
<p>	function html_entity_decode(str)<br />
	{<br />
	    try<br />
		{<br />
			var  tarea=document.createElement(&#8216;textarea&#8217;);<br />
			tarea.innerHTML = str; return tarea.value;<br />
			tarea.parentNode.removeChild(tarea);<br />
		}<br />
		catch(e)<br />
		{<br />
			//for IE add &lt;div id=&quot;htmlconverter&quot; style=&quot;display:none;&quot;&gt;&lt;/div&gt; to the page<br />
			document.getElementById(&quot;htmlconverter&quot;).innerHTML = &#8216;&lt;textarea id=&quot;innerConverter&quot;&gt;&#8217; + str + &#8216;&lt;/textarea&gt;&#8217;;<br />
			var content = document.getElementById(&quot;innerConverter&quot;).value;<br />
			document.getElementById(&quot;htmlconverter&quot;).innerHTML = &quot;&quot;;<br />
			return content;<br />
		}<br />
	}<br />
	&lt;/script&gt;<br />
	&lt;script src=&quot;http://www.ikeralbeniz.net/wp-content/uploads/2010/12/widget.js&quot;&gt;&lt;/script&gt;<br />
&lt;script&gt;<br />
new TWTR.Widget({<br />
  version: 2,<br />
  type: &#8216;search&#8217;,<br />
  search: &#8216;meneame_net&#8217;,<br />
  interval: 9000,<br />
  title: &#8216;Test&#8217;,<br />
  subject: &#8216;Test de GoogleTranslate + twiiter&#8217;,<br />
  width: 250,<br />
  height: 300,<br />
  theme: {<br />
    shell: {<br />
      background: &#8216;#8ec1da&#8217;,<br />
      color: &#8216;#ffffff&#8217;<br />
    },<br />
    tweets: {<br />
      background: &#8216;#ffffff&#8217;,<br />
      color: &#8216;#444444&#8242;,<br />
      links: &#8216;#1985b5&#8242;<br />
    }<br />
  },<br />
  features: {<br />
    scrollbar: false,<br />
    loop: true,<br />
    live: true,<br />
    hashtags: true,<br />
    timestamp: true,<br />
    avatars: true,<br />
    toptweets: true,<br />
    behavior: &#8216;default&#8217;<br />
  }<br />
}).render().start();<br />
&lt;/script&gt;<br />
	&lt;audio id=&quot;voice&quot; src=&quot;&quot;&gt;<br />
		&lt;h3&gt;Este ejemplo solo funciona con navegadores que soportan HTML5 como CHROME&lt;/h3&gt;<br />
	&lt;/audio&gt;<br />
	&lt;body&gt;<br />
&lt;/html&gt;<br />

Este ejemplo solo funciona con navegadores que soportan HTML5 como CHROME