20 Jun

jPlayer: reproductor de audio en Javascript y HTML5

Con el auge del estándar HTML5 los esfuerzos de muchas organizaciones están dirigidos a lograr desarrollar un lenguaje de Internet libre del control de empresas privadas. Personalmente me identifico con la ideología de que Internet es actualmente el único medio de expresión libre que tiene la sociedad, por lo tanto es deseable que todos los componentes que forman Internet sean también libres.  Como un sencillo ejemplo este blog es 100% compatible con el estándar XHTML de la W3C, lo que significa que forma parte de una web semántica y no depende de ningún software de terceros (además del navegador) para funcionar. Aún así, la reproducción de audio y video en Internet todavía depende de tecnologías atadas a empresas como Adobe (con Flash), Google, Microsoft, Apple (las 3 en el tema de los codecs), entre muchas otras.

Pues bien, para solucionar este último problema comienzan a aparecer alternativas como jPlayer, un reproductor de audio y video escrito en javascript que aprovecha las nuevas características multimedia de HTML5. El reproductor tiene un peso de tan solo 8Kb y es multiplaforma, multinavegador y además soporta múltiples codecs de audio y video. El diseño del reproductor se puede personalizar fácilmente utilizando estilos CSS. Les recomiendo encarecidamente visitar la sección de demostración de la página oficial del reproductor.

Los codecs de audio y video que jPlayer soporta son:

  • HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
  • Flash: mp3, mp4 (AAC/H.264)

Los sistemas operativos y navegadores soportados son los siguientes:

  • Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9
  • OSX: Safari, Firefox, Chrome, Opera
  • iOS: Mobile Safari: iPad, iPhone, iPod Touch
  • Android: Android 2.3

Para utilizarlo en tu sitio web tan solo es necesario enlazar la librería jQuery y enlazar el archivo javascript de jPlayer. Posteriormente se debe crear el código HTML en el cual se quiere mostrar el reproductor:

[cc lang=”html4strict”]

[/cc]

Agregamos las siguientes líneas de código javascript y vualá, tendrás un reproductor de audio o video en tu sitio web que funcionará con el estándar HTML5 cuando esté disponible y en su defecto utilizará Flash (de forma oculta al usuario final).

[cc lang=”javascript”]$(document).ready(function(){
$(“#jquery_jplayer_1”).jPlayer({
ready: function () {
$(this).jPlayer(“setMedia”, {
m4a: “/media/mysound.mp4”,
oga: “/media/mysound.ogg”
});
},
swfPath: “/js”,
supplied: “m4a, oga”
});
});;[/cc]

Al ser jPlayer un proyecto de código abierto, me encontré con el siguiente fork del reproductor que incluye una interfaz personalizada con CSS3 y soporta gestos de arrastrar y soltar para avanzar o reproducir el audio. Hagan la prueba presionando el botón a continuación.

Si eres desarrollador web sin duda jPlayer te será de utilidad para tus proyectos.

19 Jun

60 segundos en Internet


Lo que más me ha llamado la atención de esta interesante infografía es que la cantidad de actualizaciones en Facebook (más de 695,000) sea mayor a la cantidad de búsquedas hechas en Google (694,445) en un minuto. ¿Quién iba a decir que en tan poco tiempo una empresa le lograría arrebatar el título de “el sitio web más visitado” a Google?.

17 Jun

Firefox 5.0 versión estable disponible para descarga

Tan solo 3 meses después de haber lanzado la versión 4, la fundación Mozilla ha publicado en su canal los enlaces para descargar la versión 5.0 final. Se espera que Mozilla haga público el anuncio en los próximos días, pero si no te gusta esperar a continuación dejo los enlaces de descarga:

Firefox 5 para Windows:

Firefox 5 para MacOS X:

Firefox 5 para Linux de 32 Bits:

Firefox 5 para Linux de 64 Bits:

La nueva versión del navegador no incluye cambios importantes de cara al usuario casual, pero incorpora mejoras en el rendimiento de Javascript, canvas, memoria y red. Además se mejoró el soporte para los estándares HMTML5, XHR, MathML, SMIL y Canvas.

Nota para los desarrolladores: Firebug aún no es compatible con esta versión de Firefox, seguramente no tardarán más de 1 día después del anuncio oficial en actualizarlo.

Fuente: DragonJar

17 May

Consejos para evitar aplicaciones maliciosas en Facebook

Pues al parecer este tipo de aplicaciones son lo de hoy, lo último de la moda en las redes sociales y todos somos, hemos sido y probablemente seremos victimas algún día de este tipo de aplicaciones si no tomamos las medidas de seguridad convenientes antes de visitar cualquier cosa que se nos publique en nuestro muro.

Estas aplicaciones que buscan ganar dinero o simplemente hacer enojar a unos cuantos abusando de la inocencia de muchos usuarios que usan aplicaciones o le dan al botón “Me gusta” sin saber lo que en verdad hay detrás de estas.

Pues para esas personas y el público en general dejo aquí mis recomendaciones para evitar caer en este tipo de complicaciones:

  • Lo primero es revisar la confiabilidad del contenido que te manden tus amigos, ya que muchas veces hay gente que solo da clics por solo darlos y propagan el virus por toda la red, ¿cómo hacemos esto? pues fácil, por lo general todas las aplicaciones de Facebook tienen un grupo, búscalo y entérate del contenido de este, si te convence pues dale clic y si no tiene grupo o no te convence del todo la información pues no des clic y mejor elimina la publicación.
  • También es importante ver el sitio de la aplicación ya que muchas veces nos redirección a páginas con virus, ¿cómo hacemos esto? bueno antes de dar clic a “Instalar la aplicación”, debemos poner el cursor sobre el link y en la parte baja de nuestro navegador nos indicará la dirección URL de la página, lo que podemos hacer es escribir la página en Google y ver los resultados que nos arroja, solo indagamos para ver si la página es confiable o no.
  • Como complemento de la nota anterior, a veces veremos direcciones URL acortadas digamos de este tipo http://bit.ly/kabTjR que a veces se usan para ocultar la verdadera URL, pues bueno con esta página Long URL podremos ver los detalles de la URL así como la dirección original de la página.
  • Por lo general este tipo de aplicaciones usan títulos más llamativos, como: “El américa contratara a Leonel Messi para su próxima temporada, entérate de más haciendo clic”, o “Microsoft y Apple unen esfuerzos para crear una supercomputadora”. cosas que nunca pasaran. Así que como consejo mejor usa Google para confirmar la noticia.
  • Otra en la que caemos fácil es cuando nos ponen en letras pequeñas que si das clic te darán créditos para tus juegos del Facebook, en esta vida nadie regala nada, solo el ratón de los dientes.
  • Si no habías leído esta breve información o ninguna de toda la que existe en la red y ya eres víctima de estas aplicaciones la solución es fácil ve a esta dirección http://www.facebook.com/settings/?tab=applications y elimina la aplicación que te esté bombardeando a ti y a tus contactos con spam.

Bueno estos consejos son muy básicos pero también muy útiles para evitar la propagación de virus tanto a nivel personal como a nivel social, yo al menos los aplico y de momento estoy libre de virus. Pero si tú conoces alguna otra forma de evitar estos casos compártela, también, si te ha gustado la publicación compártela con tus amigos y así evitemos la propagación de este mal.

15 May

Como proteger tu información en Facebook y Twitter

En pleno auge de las redes sociales, los usuarios (principalmente las nuevas generaciones) no tienen en cuenta la seguridad de la información que publican. Los responsables de garantizar la seguridad son por una parte los propios servicios como Facebook y Twitter, pero además de ellos el proveedor de servicios de Internet, el firewall físico de tu empresa, el administrador de la red local, y el software antivirus/firewall de tu equipo deberían estar siempre protegiendo tu información de forma no sea vista por terceras personas.

Aun así por ejemplo, algún tipo listo podría simplemente utilizar Firesheep en la red abierta de tu universidad y robar todas las sesiones de cientos de estudiantes, logrando con ello tener acceso a las cuentas de cualquier red social y/o correo electrónico.

Como una forma de evitar este tipo de intrusiones, Facebook y Twitter ofrecen una opcion para activar la navegación segura (HTTPS) en sus sitios. De forma que todos los datos que enviemos a estas redes sociales estarán encriptados.

Para activar HTTPS en Facebook siemplemente realiza los siguientes pasos:

  1. En Facebook, selecciona el menú “Mi Cuenta” y luego “Configuración de la cuenta”.
  2. Busca la sección “Seguridad de la cuenta” y presiona la opción de cambiar.
  3. Activa la Navegación segura.

Para activar HTTPS en Twitter lleva a cabo los siguientes pasos:

  1. Entra a la configuración de tu cuenta http://twitter.com/settings/account.
  2. En la parte inferior de la página, selecciona la opción “Solo HTTPS”.

Con estas dos simples acciones podrás navegar más seguro en redes públicas.