Crea un videoplayer para tus vídeos HTML5
Dentro de toda la guerra de Flash, se tiene tiempo hablando como HTML5 será la solución al creciente problema de editar y publicar vídeos con completa libertad de formato. Sobre todo el tema de tenerlos en formatos que faciliten la búsqueda y gestión de la información del contenido del vídeo.
Hace un par de meses tuve la oportunidad de conocer el proyecto que Donna Romer, Scott Rafer, Aron Wadler y Todd Sampson (Cloudspace) han estado trabajando arduamente durante algunos meses. Lamentablemente no pude anunciar nada en aquel momento, hasta hace un par de semanas que recibí un mail de Donna.
Es apenas la versión 0.1, pero nuestro lema en Silicon Valley es lanzar temprano y lanzar rápido un proyecto. El producto verdadero saldrá un poco más adelante. Ya lo verás pronto. Donna Romer.
La aplicación se llama Handroll.tv que ofrece una API para transformar vídeos a un formato HTML5, liberándonos de la necesidad de utilizar vídeo en formato Flash, de momento solo se pueden usar vídeos en formato H.264 and OGG Theora. Esta es la lista de los navegadores que se pueden utilizar:
- Firefox 3.5+ :: OGG
- Chrome 3+ :: OGG, H.264, WebM
- Safari 3.1+ :: H.264
- Opera 10.50+ :: OGG, H.264
Como pueden ver IE no esta en la lista, lo cual no es difícil de entender ya que no han dado soporte a la liberación del Codec de vídeo WebM-VP8 por parte de Google. Pero bueno ya estamos acostumbrados a la falta de soporte de formatos abiertos por parte de Microsoft. El potencial del proyecto es enorme, ahora todos nuestros vídeos podrán ser indexados con facilidad y sobre todo abre todas las posibilidades que tanto promete HTML5.
Si necesitan convertir vuestros vídeos para poder utilizar Handroll.tv les presento una lista de aplicaciones para que puedan hacerlo.
- Miro Video Converter (Mac, Windows)
- Handbrake (Mac, Windows, Linux)
- PandaStream
- Zencoder
- Encoding
La aplicación esta todavía recién salida del horno, pero aun así me da gusto ver que hay mucho por hacer en lo que respecta proyectos dentro de las plataformas de vídeo, ya que sinceramente estoy cansado del tema Jobs vs Flash; ya es hora de darle vuelta a la página del melodrama que suficiente tengo con las TV novelas que tengo que soportar en casa. Denle un vistazo y compartan que tan útil les ha sido esta aplicación, sobre todo el uso del API.
Ufff excelentes herramientas, ahora el dilema esta en si publicar vídeos en flash para que todo mundo pueda acceder a ellos, o en HTML5 que es mas rápido y mejor pero se excluirían algunas personas.
Al IE no soportar este formato mas o menos un 70% de los Windowseros quedara excluido de ver contenidos en HTML5 😛 .
Este articulo desinforma mas que lo. Que informa. Html5 no es por ningun lago un formato de video sino un estandar de internet. Ahora el problema real de los formatos fue hasta hace unos dias la licencia que tocaba pagar por tener videos en h264. Ahora lo que sucedio es que hay 3 formatos diferentes que no son soportados universalmente por todos los navegadores. Lo cual implica en escalas muy grandes tener que convertir los videos por lo menos en 2 formatos diferentes. Se nota la falta total de profesionalismo de este articulo!
[…] de tener instalados plugins de los diferentes formatos de vídeos existentes. Desde las páginas de Maestros del Web recibo la noticia del lanzamiento en una versión muy básica pero funcional de Handrool, un […]
También estoy en descauerdo con el contenido de este artículo:
1º. HTML 5 AÚN no es un estándar oficial, es algo en preparación, aunque algunos navegadores hayan comenzado a implementarlo
2º. Aún no se ha dicho la última palabra sobre los estándares y formatos, esto es una guerra comercial y el resultado final es impredecible, de hecho sospecho que la creación de Handrool.tv es una apuesta en favor de los formatos libres
3º. De conversión en conversión y al final tienes una calidad de vídeo pésima, seguro que cuando el lanzamiento sea oficial los formatos escogidos estarán incluidos en la mayoría de editores de vídeo
4º. Aún me estoy peleando con clientes para que actualicen el Internet Explorer 6, como para hablarles de HTML 5 😛
Además, creo que anticipándonos al lanzamiento oficial de estándares lo que conseguimos es que la programación web siga estando llena de parches y hacks para los diferentes navegadores, ¡como programador ya tengo ganas de que haya un estándar único!
@German. El articulo no trata sobre el estandard HTML5, sino de la herramienta que ayuda a transformar tus vídeos para que sean compatibles con HTML5 y los pone en un vídeo player que cumple con los requisitos.
En ningún momento se esta hablando de HTML5 y como implementa el formato de vídeo. Solo de la herramienta que te facilitara transformar tus vídeos para que sean compatibles con el estandard mediante el vídeo player. Así no te tienes que romper la cabeza, este trabajo se lo dejas a Handroll.
Si tienes razón que es ahora un desastre estar con varios formatos y hay algunos navegadores que no lo soportan. También queda mucho por resolver dentro del estandard HTML5. Pero es aqui donde estan las oportunidades para mejorarlo ya que no hay nada escrito.
Lo que trata el articulo es de la herramienta http://Handroll.tv
@Norberto. Gracias por tu opinión.
Solo para agregar a lo que comente con @german. Como menciona Donna Romer la herramienta apenas esta en version 0.1, es como dices muy temprano. Pero este articulo es para informar que ya se estan creando herramientas.
Si ves la gente que esta detrás del proyecto hay 2 personas involucradas de una empresa que se vendió a Yahoo, tiene un track-record muy bueno, esta gente cuando apuesta por algo en una etapa temprana es por una razón. Que esto sera muy grande.
Entiendo el punto de vista como desarrollador, es una locura estar con todo este “desmadre” de formatos. Donde la calidad se ve perjudicada y por resultado vuestro trabajo no queda presentable.
Pero así comenzó todo, en un principio teníamos tables, después CSS, etc. Todo va evolucionando y lo que si es seguro que quienes no se actualicen quedaran como los desarrolladores de COBOL (perdidos en un rack detrás de todos los servers de un DataCenter….no es culpa del programador, son sus jefes que no quieren actualizar el maldito software).
A ver tomen lo con un grano de arena, no es un articulo para el IEEE. Solo quiero informarles de lo que se esta creando y que pueda despertar vuestro interés.
Claudio.
Entiendo el desarrollo del articulo. Me refiero explicitamente al titulo de su articulo “Transforma tus vídeos a formato HTML5” que es completamente desinformado. Y realmente el articulo es una promoción a Handroll y debería ser explicito en el titulo.
Ok. Ya veo por donde va tu peticion. Si conoces de otras empresas que realicen el mismo trabajo encantado de agregarlas al articulo. Que una comparativa siempre es mejor que hablar solamente de una herramienta.
Claudio,
thanks for the attention.
Claudio creo que tu intención es solo aportar y cualquiera que tenga dos dedos de frente entiende que quiere decir el título, es para crear un reproductor de video html5 a traves de una web que ofrece este servicio, siempre y cuando sea de determinado formato, de todas formas por mas que no se pueda usar mucho debido a la incompatibilidad de todo lo viejo que circula por la red no es mala idea empezar a probar lo que puede ser el futuro en videos, o los programadores no nos pasamos todo el tiempo probando? gracias Claudio buen aporte!
@Pablo. Efectivamente eso es lo que hago. Agradezco tu comentario, pero aun así cada quien es libre de aportar su granito de critica o cumplido. Aquí se trata de que aprendamos todos (por mi parte a redactar 😛 y por la vuestra a encontrar nuevas herramientas).
Un saludo.
Gracias, me habeis resuelto una enorme duda, grax!!
[…] Ver tutorial Comments Off […]
Excelentes Herramientas!! Gracias por la aportacion!!
Opera soporta WebM 😉
[…] http://www.maestrosdelweb.com/editorial/handroll-convierte-videos-html5/ […]
[…] Maestros del Web window.fbAsyncInit = function() { FB.init({appId: "", status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement("script"); e.async = true; e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js"; document.getElementById("fb-root").appendChild(e); }()); Share and Enjoy: […]