29
Ene
aNieto2k hace 4330 días en: tweets
En mi twitter he publicado estos enlaces que creo os pueden interesar.
22
Ene
aNieto2k hace 4337 días en: tweets
En mi twitter he publicado estos enlaces que creo os pueden interesar.
15
Ene
aNieto2k hace 4344 días en: tweets
En mi twitter he publicado estos enlaces que creo os pueden interesar.
8
Ene
aNieto2k hace 4351 días en: estandares, javascript, Programacion, web, webdev
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
(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? 😀
Esto haría que publicar en tu WordPress pudiera ser una tarea que haces mientras vas al trabajo en coche, por ejemplo 😀
8
Ene
aNieto2k hace 4351 días en: tweets
En mi twitter he publicado estos enlaces que creo os pueden interesar.
5
Ene
aNieto2k hace 4354 días en: CSS, javascript, Programacion, webdev
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).
5
Ene
aNieto2k hace 4354 días en: estandares, javascript, Programacion, web, webdev
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:
onchargingchangeonchargingtimechangeondischargingtimechangeonlevelchange
Una interesante propuesta para mejorar, sobretodo las aplicaciones móviles web con posibilidades nuevas y realmente útiles.
1
Ene
aNieto2k hace 4358 días en: tweets
En mi twitter he publicado estos enlaces que creo os pueden interesar.
