Capítulo 12 API File

12.1   Almacenamiento de archivos Los archivos son unidades de información que usuarios pueden fácilmente compartir con otras personas. Los usuarios no pueden compartir el valor de una variable o un par clave/valor como los usados por la API Web Storage, pero ciertamente pueden hacer copias de sus archivos y enviarlos por medio de un DVD,…

Capítulo 11 API IndexedDB

11.1   Una API de bajo nivel La API estudiada en el capítulo anterior es útil para almacenamiento de pequeñas cantidades de datos, pero cuando se trata de grandes cantidades de datos estructurados debemos recurrir a un sistema de base de datos. La API IndexedDB es la solución provista por HTML5 a este respecto. IndexedDB es…

Capítulo 10 API Web Storage

10.1   Dos sistemas de almacenamiento La Web fue primero pensada como una forma de mostrar información, solo mostrarla. El procesamiento de información comenzó luego, primero con aplicaciones del lado del servidor y más tarde, de forma bastante ineficiente, a través de pequeños códigos y complementos (plug-ins) ejecutados en el ordenador del usuario. Sin embargo, la…

Capítulo 9 API Geolocation

9.1    Encontrando su lugar La API Geolocation fue diseñada para que los navegadores puedan proveer un mecanismo de detección por defecto que permita a los desarrolladores determinar la ubicación física real del usuario. Previamente solo contábamos con la opción de construir una gran base de datos con información sobre direcciones IP y programar códigos exigentes…

Capítulo 7 API Canvas -5

7.5    Procesando video en el lienzo Al igual que para animaciones, no hay ningún método especial para mostrar video en el elemento <canvas>. La única manera de hacerlo es tomando cada cuadro del video desde el elemento <video> y dibujarlo como una imagen en el lienzo usando drawimage (). Así que básicamente, el procesamiento…

Capítulo 7 API Canvas -4

7.3    Procesando imágenes API Canvas no sería nada sin la capacidad de procesar imágenes. Pero incluso cuando las imágenes son un elemento tan importante para una aplicación gráfica, solo un método nativo fue provisto para trabajar con ellas. drawImage() El método drawImage() es el único a cargo de dibujar una imagen en el lienzo….

Capítulo 7 API Canvas -3

Estilos de línea Hasta esta parte del capítulo hemos usado siempre los mismos estilos de líneas. El ancho, la terminación y otros aspectos de la línea pueden ser modificados para obtener exactamente el tipo de línea que necesitamos para nuestros dibujos. Existen cuatro propiedades específicas para este propósito: lineWidth Esta propiedad determina el grosor de…

Capítulo 7 API Canvas -2

7.2    Dibujando en el lienzo Luego de que el elemento <canvas> y su contexto han sido inicializados podemos finalmente comenzar a crear y manipular gráficos. La lista de herramientas provista por la API para este propósito es extensa, desde la creación de simples formas y métodos de dibujo hasta texto, sombras o transformaciones complejas. Vamos…

Capítulo 7 API Canvas

7.1     Preparando el lienzo Esta API ofrece una de las más poderosas características de HTML5. Permite a desarrolladores trabajar con un medio visual e interactivo para proveer capacidades de aplicaciones de escritorio para la web. Al comienzo del libro hablamos sobre cómo HTML5 está reemplazando previos complementos o plug-ins, como Flash o Java applets, por…

Capítulo 5 Video y audio -2

5.3    Formatos de video Por el momento no existe un estándar para formatos de video y audio en la web. Existen varios contenedores y diferentes codificadores disponibles, pero ninguno fue totalmente adoptado y no hay consenso alguno de parte de los fabricantes de navegadores para lograr un estándar en el futuro cercano. Los contenedores más…

Capítulo 5 Video y audio

5.1     Reproduciendo video con HTML5 Una de las características más mencionadas de HTML5 fue la capacidad de procesar video. El entusiasmo nada tenía que ver con las nuevas herramientas provistas por HTML5 para este propósito, sino más bien con el hecho de que desde los videos se volvieron una pieza esencial de Internet, todos esperaban…