03 May

66 sorprendentes aplicaciones hechas en HTML 5

Anteriormente les platiqué acerca de la sustitución en la web de Flash Player (un formato propietario) por HTML 5 (la siguiente versión del lenguaje básico de Internet). Es muy pronto para decir que Flash ya no es necesario en Internet pues muchos sitios webs todavía tienen sus bases hechas con esta tecnología, sin embargo en los últimos días se han estado presentando muchos ejemplos de las capacidades resultantes de combinar  Javascript, HTML 5 y SVG.

En PHP Gurú han hecho una recopilación con 66 ejemplos de aplicaciones en HTML 5 que sin duda son impresionantes. Para poder ver los ejemplos correctamente es necesario utilizar navegadores compatibles como Firefox, Safari y Google Chrome.

Les recomiendo principalmente:

¿Qué les parecen?, como desarrollador web creo que va siendo hora de comenzar a aprender estas técnicas si no me quiero quedar atrasado. =)

Saludos.

21 Abr

Simulador de juegos arcade en HTML 5

Pensaba que la transición Flash – HTML 5 comenzaría particularmente con la reproducción de videos en línea en sitios web como YouTube y similares, pero cada día me convenzo más de que HTML 5 contiene nuevas e increíbles técnicas que igualan a muchas de las «especialidades» que hasta ahora se podían hacer únicamente con Flash.

En esta ocasión me refiero a los juegos embedidos en el navegador y al sitio web Akihabara, donde podemos encontrar 5 juegos de arcade clásicos (como  Pacman y Tetris) hechos enteramente en HTML 5. Haciendo click en la siguiente imagen podrás ver los juegos disponibles y desde luego probarlos.

Ojo: la tecla Z representa el botón A, la tecla X representa el botón B y la tecla C representa al botón C.

Si alguien todavía tiene dudas sobre el destino de Flash en la web es hora de despejarlas, aunque aún falta mucho tiempo creo que Flash en la web compartirá el destino de los Applets de Java.

Saludos.

20 Abr

Haciendo explotar un video usando HTML 5

Así como se lee el título, literalmente es posible hacer explotar un video en una página con HTML 5 y algo de programación utilizando las etiquetas Canvas y Video.

Hagan la prueba haciendo click en la siguiente imagen que los redireccionará a la página de demostración, ojo que está optimizado solamente funciona en navegadores basados en Webkit como Safari o Google Chrome, aunque con Firefox me funcionó bien.

Creo que HTML 5 traerá muchas nuevas posibilidades en Internet. =)

Fuente:  CraftyMind

27 Feb

Crónicas de una muerte anunciada: Flash Player

Mucho se ha especulado sobre el nacimiento de HTML 5 como la nueva versión del lenguaje de Internet que eliminará la necesidad de utilizar Adobe Flash en todos los sitios web. Sin embargo me he percatado de que hay cierta confusión respecto al tema y me gustaría comentar en el blog mis opiniones al respecto.

¿HTML 5 hace todo lo que Flash Player puede hacer?

La respuesta es no, el borrador de HTML 5 (pues apenas es una especificación, y no una implementación) incluye dos nuevas etiquetas para el lenguaje que son <audio> y <video>. Estas etiquetas le indican al navegador que el sitio web contiene elementos multimedia que deben ser reproducidos, la novedad está en que esta vez el navegador web será el responsable de reproducir esos videos y audios, y no le relegará este trabajo a plugins o aplicaciones externas como Flash player, el Reproductor de Windows Media, Quick Time, entre otros.

Entonces ¿Flash Player solamente sirve para reproducir videos?, ¡claro que no!. Además de eso, Flash Player es utilizado en Internet principalmente para mostrar banners publicitarios, secciones animadas, juegos, en incluso muchos sitios están hechos totalmente con esta tecnología, además algunas empresas utilizan la tecnología Flex (basada en Flash) en sus sistemas web. Las capacidades de Flash superan ampliamente las de únicamente servir como reproductor de videos en Internet.

Por lo tanto, concluímos que HTML 5 sustituye solamente una parte de la infinidad de tareas que hasta hoy se realizan Flash, la reproducción de videos y elementos multimedia en los sitios web en Internet.

¿Es mejor reproducir videos con HTML 5 que con Flash Player?

La respuesta es sí, y tengo dos explicaciones para esto; una que habla sobre independencia  y libertad en Internet, y otra algo más técnica.

La primera, Flash Player es una tecnología propietaria. Esto significa que la única que decide el funcionamiento y características de la misma no es otra más que Adobe (la propietaria de la tecnología). Esta naturaleza restrictiva de Flash contrasta con el sentido de libertad y desarrollo comunitario de Internet. Internet es quizá el único medio de comunicación libre que utiliza el hombre, por lo tanto suena razonable que todos los elementos que «componen» Internet sean también libres.

La segunda explicación, Flash Player más que un «plugin» para navegadores web es una máquina virtual. Las máquinas virtuales consumen muchos recursos (RAM, y ciclos de procesador) en los equipos cuando son utilizadas, ¿porqué tendría que utilizar una máquina virtual para ver un simple video o escuchar música en una página de Internet?. Es más lógico que el navegador sea el encargado de realizar esta tarea ya que se evitaría la necesidad de cargar una gigante máquina virtual en los equipos para tareas tan comunes. Incluso ya se han realizado pruebas de rendimiento de reproducción de videos utilizando HTML 5 y Flash, ¡el ahorro de recursos es de más del 60%!.

¿Todo es «miel sobre hojuelas» con la reproducción de videos en HTML 5?

La realidad es que no, existe un problema grave en la especificación HTML 5 que indica que el códec para reproducir videos debe ser H.264. Este códec es propiedad de un grupo de empresas, dentro las cuales están nada más y nada menos que… Microsoft, Apple y Sony, empresas que no destacan principalmente por ser abiertas. H.264 es un códec propietario y de código cerrado, si un navegador web quiere incluirlo debe pagarle regalías a este grupo de empresas, este fue el caso de Google quién pagó la licencia del códec para incluirlo en su navegador Google Chrome. Mozilla en cambio, decidió no incluir H.264 en Firefox por que de hacerlo irían en contra de sus ideales de un Internet libre para todos.

Actualmente hay un debate sobre cuál códec se utilizará en HTML 5, pero vamos, si se argumenta que Flash es una tecnología propietaria, ¿qué caso tiene especificar nuevamente un códec propietario para HTML 5?. Volveríamos a lo mismo.

Entonces, ¿Flash Player sucumbirá ante HTML 5?

A mi opinión, y por lo menos en lo que respecta a la reproducción de videos, HTML 5 definirá la nueva forma en la que esta tarea se realizará, Flash Player no es la herramienta correcta para reproducir videos por los motivos explicados anteriormente. Me apoyo también en el soporte que muchas empresas y sitios de Internet están dando a HTML 5, como es el caso de YouTube quién ya soporta esta tecnología.

Aún así, al ser HTML 5 apenas un borrador faltan muchos años para la sucesión de Flash en el terreno de la reproducción de videos, pero está claro que la tendencia señala que así sucederá. Las otras áreas en las que Flash es utilizado (juegos, animaciones, publicidad, etc.)  prolongarán más el tiempo de vida de la tecnología, pues aunque HTML 5 define un elemento <canvas> para dibujado que en combinación con Javascript podrían abarcar más áreas de Flash, aún no se ha definido concretamente ésta área; y desde luego no podemos olvidar la gran base de desarrolladores y evangelistas que tiene Flash, la resistencia de Adobe pues.

¿Alguien se acuerda de los Java Applets?, eran una excelente herramienta para su tiempo; pero en la actualidad ya no son muy utilizados.