Diseño web

Blog de Diseño Web de la empresa e-SORT

Tag ‘HTML5’

2012
16
feb

Comparativa de navegadores: formatos de vídeo en HTML5

Por:

Visto el lío monumental que existe a la hora de reproducir vídeos mediante  HTML5, hemos elaborado una tabla donde se identifican, a día de hoy, qué formatos de vídeo pueden reproducirse en cada navegador.

Tabla comparativa de navegadores para PC
Navegador Versión Reproductor Formato
9 Windows Media Player WMV 

Ogg/Theora y VP8/WebM (*)

H.264/MP4

10 xiph Ogg/Theora y VP8/WebM 

H.264/MP4 (*)

17 ffmpeg Ogg/Theora y VP8/WebM 

H.264/MP4

5 QuickTime H.264/MOV/M4V 

Ogg/Theora y VP8/WebM (*)

11 GStreamer Ogg/Theora y VP8/WebM
3 GStreamer Ogg/Theora y VP8/WebM 

H.264/MP4 (*)

NOTA (*): requiere instalar algún tipo de plug-in (o componente para el navegador).

Formatos libres: Ogg/Theora y VP8/WebM.

Visto lo visto, nuestra recomendación es utilizar una combinación de los formatos Ogg/Theora y H.264/MP4 para garantizar la visualización con HTML5 en los navegadores más importantes, sin olvidar los móviles.

Recomendamos Ogg/Theora mejor que VP8 porque es más compatible con versiones antiguas, y porque VP8 está desarrollado por Google y eso implica ciertos riesgos de compatibilidad con algunos navegadores.

Y, como siempre, si alguien quiere que incluyamos algún otro navegador, o alguna actualización, dejad vuestro comentario para hacer las pruebas pertinentes e incluirlo en la tabla.

¡Gracias a todos los que habéis participado en esta comparativa!

WPM 

Ogg/Theora y VP8/WebM (*)

H.264/MP4

Si te ha gustado el artículo por favor compártelo con tus amigos dándole a los botones sociales: Google, Facebook, Linkedin, Twitter… ¡Gracias por tu ayuda!

2011
16
jun

Doodle para el eclipse lunar en España

Por:

Hoy, 15 de junio, por la noche, hemos podido ver en casi toda España un eclipse lunar fantástico. Y aquí está Google con su maestría para sorprender a todos: un vídeo (en HTML5) de toda la transición de la sombra de la tierra sobre la superficie lunar, con unos cambios de tonalidades impresionantes.

Si te ha gustado el artículo por favor compártelo con tus amigos dándole a los botones sociales: Google, Facebook, Linkedin, Twitter… ¡Gracias por tu ayuda!

2011
9
jun

96 aniversario del guitarrista de jazz Les Paul

Por:

Lo han programado en HTML5. Se puede tocar con el ratón o con el teclado (activándolo mediante el botón correspondiente). Me estoy refiriendo al  Doodle de Google de hoy. Una guitarra para conmemorar a uno de los mejores guitarristas de jazz de la historia: Les Paul, de nombre real Lester William Polsfuss, nacido el 9 de junio de 1915 en Nueva york.

A los músicos nos ha gustado mucho este Doodle, incluso ya he interpretado alguna melodía (eso sí, utilizando el teclado, porque a la guitarra “le faltarían algunas cuerdas” con el ratón). Una buena demostración de lo que podemos llegar a hacer con HTML5 (audio y video).

Sería bueno que los fabricantes de los navegadores hiciesen una apuesta seria por normalizar esta tecnología de última generación.

Si te ha gustado el artículo por favor compártelo con tus amigos dándole a los botones sociales: Google, Facebook, Linkedin, Twitter… ¡Gracias por tu ayuda!

2010
28
sep

IE9 Beta, más rápido, más compatible

Por:

Hace unos días Microsoft hizo pública la nueva beta de su navegador, el IExplorer 9, descargable desde aquí.

Tras probarla en diversos ambientes típicos de navegación, ya podemos sacar algunas conclusiones sobre este nuevo producto.

Lo primero que llama la atención es el cambio en el aspecto general. Los de Redmond han querido dar mayor presencia a la zona de navegación, reduciendo al mínimo indispensable la barra superior e inferior. Por arriba, los menús han desaparecido, salvo que se cambien la configuración, y la barra a pie de ventana ha sido eliminada. Cuando hace falta informar de los enlaces sobre los que se pone el ratón, o del proceso de carga de una nueva página, se muestra una diminuta ventana inferior con la información, que desparece al terminar el proceso en curso. Además, han dado mucha mayor presencia al botón de Atrás, reduciendo el tamaño del de Adelante (que apenas se usa, realmente)

Pero a parte de cambios estéticos, el gran avance del IE9 es la rapidez. Por fin Microsoft ha dado un paso de gigante, haciendo que su nuevo navegador, no sólo se arranque en un tiempo record, sin apenas notarse actividad en el disco (contrariamente a la eterna espera que suponía arrancar el IE8) sino que los tiempos de ejecución y dibujado de las páginas se han reducido drásticamente. A los que estaban acostumbrados al navegador más rápido que hay actualmente, el Google Chrome, verán que el IE9 no tiene mucho que envidiarle. Si bien en los benchmarks realizados el Chrome sigue siendo el número 1 en rapidez en general, la distancia entre ambos se ha reducido al mínimo, hasta el punto de que de cara al usuario, apenas es apreciable la diferencia de velocidad. Entre otras mejoras, se ha incluido la aceleración hardware, aprovechando la potencia de las tarjetas gráficas cuando sea posible.

Otro punto que ha sido mejorado, por fin, es el de la compatibilidad. Los test de ACID le acercan a los niveles de compatibilidad de sus últimos competidores y la admisión de los nuevos estándares html5 y CSS3, hacen que el IE9 ya pueda considerarse dentro de los navegadores de última generación.

En resumen, un producto notablemente mejorado con respecto a sus versiones anteriores, con el que Microsoft pretende recuperar el terreno perdido en estos últimos años en el sector de los navegadores. Esperemos que la sana competencia entre todos ellos haga que mejoren cada día más.

Alberto Martín
Si te ha gustado el artículo por favor compártelo con tus amigos dándole a los botones sociales: Google, Facebook, Linkedin, Twitter… ¡Gracias por tu ayuda!