Contenido

TwitterWeek – 2012-01-29

29 ene

+ 0

En mi twitter he publicado estos enlaces que creo os pueden interesar.

TwitterWeek – 2012-01-22

22 ene

+ 4

En mi twitter he publicado estos enlaces que creo os pueden interesar.

TwitterWeek – 2012-01-15

15 ene

+ 0

En mi twitter he publicado estos enlaces que creo os pueden interesar.

Speech Javascript API, habla con las páginas web

8 ene

+ 5

La llegada de Internet a los móvil h a producido una gran serie de cambios en los lenguajes de programación que usamos para crear páginas web, hace unos días vimos como la W3C publicaba el primer borrador para controlar el estado de la batería mediante Javascript. Y ahora os traigo el primer borrador no oficial de la especificación javascript para dotar de voz y hacer que nuestras páginas nos entiendan.

Se trata de una propuesta por parte del equipo de desarrollo de Google para dotar a los navegadores de herramientas de síntesis y de reconocimiento de voz. Haciendo posible que podamos hablar con páginas web y que estas nos respondan.

Speech Javascript API

descarga
(Ver Imagen)

La API se compone de 2 interfaces:

  • SpeechReco(), que nos permite grabar al usuario directamente desde el navegador.
  • TTS(), que nos permitirá convertir texto en voz directamente.

Ver código

Que mejor que un poco de código para hacernos una idea de lo que podría ser adaptar nuestra página a esta nueva tecnología:

SpeechReco

<script type="text/javascript">
    var sr = new SpeechReco(); // Nuevo interface
    sr.onresult = function(event) {
      var q = document.getElementById("q");
      q.value = event.result[0].transcript; // Devolvemos la transcripción del mensaje
      q.form.submit();
    }
  </script>

  <form action="http://www.example.com/search">
  <input type="search" id="q" name="q"/>
  <input type="button" value="Speak" onclick="sr.start()"/> // Iniciamos la grabación
  </form>

TTS


  <script type="text/javascript">
     var tts = new TTS(); //Nuevo interface
     function speak(text, lang) {
        tts.text = text; // Indicamos el texto
        tts.lang = lang; // Indicamos el idioma
        tts.play(); // Hacemos hablar a nuestro navegador
     }
     speak("Hello world.", "en-US"); // Hola mundo :D
  </script>

No parece muy complicado, ¿no? :D
Esto haría que publicar en tu WordPress pudiera ser una tarea que haces mientras vas al trabajo en coche, por ejemplo :D

TwitterWeek – 2012-01-08

8 ene

+ 0

En mi twitter he publicado estos enlaces que creo os pueden interesar.

syze, añade @media queries avanzadas y cross browser con javascript

5 ene

+ 4

Syze, es una librería javascript cross-browser, cross-device y cross-library que nos permitirá disponer de una opción funcional para disfrutar de los @media queries de CSS3. Y todo ello en menos de 1KB.

Instalación

Añadimos la llamada al CDN (o descargamos el fichero JS y lo servimos desde nuestro servidor).

<script src="//rezitech.github.com/syze/syze.min.js"></script>

Y añadimos una línea Javascript que indicará las opciones de las que queremos disponer en nuestro CSS.

syze.sizes(320, 480, 768, 1024, 1920);

Esto nos permitirá trabajar con un sistema de clases que podremos condicionar, haciendo que se ajuste a cada dispositivo dependiendo de su tamaño y su orientación.

body { background: no-repeat center center; }
.is320  body { background-image: url(mobile-tall-128x128.png); }
.is480  body { background-image: url(mobile-wide-128x128.png); }
.is768  body { background-image: url(tablet-tall-256x256.png); }
.is1024 body { background-image: url(tablet-wide-256x256.png); }
.is1920 body { background-image: url(hdsize-wide-512x512.png); }

Podéis ver un ejemplo directamente desde aquí (redimensionar la página).

Battery Status API, controla la carga de la batería de tus usuarios con Javascript

5 ene

+ 4

El pasado día 29 de Noviembre la W3C publicó el primer borrador sobre el que se está trabajando para permitir conocer el estado de la batería directamente desde el navegador, algo que actualmente no hay forma de hacer. Esta opción, que puede parecer una tontería puede ayudarnos muchos en casos de operativas delicadas, ya que podríamos advertir al usuario antes de que la batería se termine.

Por el momento, solo Mozilla Aurora 11, una futura versión de Firefox, lo incluye entre muchas otras nuevas funcionalidades.

La API dispone de una serie de atributos que cuelgan directamente del elemento window.navigator.

window.navigator.battery

Por el momento, ya que solo está disponible en Mozilla Aurora 11 y la API no está del todo definida tendremos que usarlo con el prefijo moz como ya nos tienen acostumbrados. Por lo tanto pasaría a ser window.navigator.mozBattery.

El nuevo objeto dispone de una serie de atributos que nos permitirá conocer ciertos datos sobre el estado de la batería:

  • charging (boolean): true si la batería está cargando y false si no lo está.
  • chargingTime(int): Número de segundos en los que se estima que la batería esté cargada.
  • dischargingTime(int): Número de segundos en los que se estima que la batería se descargará y entraremos en modo suspensión (o apagado).
  • level(int): Escala de 0-10 que indica el estado de carga de la batería, siendo 0 completamente descargada y 10 completamente cargada.

Además, disponemos de una serie de eventos que podremos controlar para condicionar acciones a ellos:

  • onchargingchange
  • onchargingtimechange
  • ondischargingtimechange
  • onlevelchange

Una interesante propuesta para mejorar, sobretodo las aplicaciones móviles web con posibilidades nuevas y realmente útiles.

TwitterWeek – 2012-01-01

1 ene

+ 0

En mi twitter he publicado estos enlaces que creo os pueden interesar.