Apreneu una forma diferent de crear al web amb vídeo + HTML5 + JavaScript

3 de maig de 2012 per admin. Sense comentaris »

Ara mateix, gràcies a les plataformes web obertes que emergeixen al voltant de l’HTML5, se’ns obren un munt de possibilitats per a crear contingut al web.
Una d’elles és la creació de vídeo o d’eines que ens permeten editar i enriquir vídeo de forma nativa des del web mateix.

Durant els propers mesos, us convidem a uns laboratoris/mini hack-jams on explorarem:

  • Com fer vídeos web natius utilitzant el popcorn.js o, de forma més senzilla, amb el popcornmaker.
  • Com podem crear eines obertes i connectors utilitzant biblioteques com ara el popcorn.js (recomanat si sabeu una mica de JavaScript o en voleu aprendre tot experimentant-hi)

L’esdeveniment convida a tècnics i menys tècnics i, sobretot, a tothom que estigui interessat en la publicació de vídeo a la xarxa.

Mozilla - Drumbeat Festival Day 3 (25 sur 228)

A continuació podeu mirar alguns exemples de «vídeo enriquits» amb la tecnologia Popcorn:

Els mini hack-jams (detall) tindran lloc a l’espai de la Casa del Mig del Punt Multimedia, al Parc de l’Espanya Industrial de Barcelona els dissabtes següents:

  • 5 de maig, 17.00 – 20.00
  • 2 de juny, 17.00 – 20.00
  • 7 de juliol, 17.00 – 20.00

Us hi esperem!

Festa Firefox 4 a Barcelona – sobre Mozilla i el Web obert

13 d'abril de 2011 per toniher. Comentaris tancats

Aprofitant la sortida del Firefox 4 fa unes poques setmanes, la comunitat catalana de Mozilla amb el suport de la Universitat Oberta de Catalunya vol aprofitar per a convidar amics i col·laboradors i, en definitva, tothom interessat en les tecnologies web des d’una àmplia perspectiva, a explorar els nous avenços que ja incorpora aquesta nova versió del navegador. De la mateixa manera, es parlarà sobre diferents projectes educatius vinculats al Web obert i sobre les possibilitats que ofereix el nou HTML5 en àmbits com els mitjans de comunicació.

A més a més, aprofitant l’avinentesa de la proximitat de la diada de Sant Jordi, es tractarà sobre el llibre digital i quin hauria de ser el seu paper en el futur de la xarxa.

Tot això s’acompanyarà amb exemples i demostracions sobre vídeo obert, la biblioteca popcorn.js o el primer experiment de Web Apps de Mozilla.

Lloc: WikiLounge UOC – Rambla de Catalunya 6, Barcelona
Data i hora: Dimarts 19 d’abril, 17:30-20:30

Podeu trobar més informació:
http://wiki.mozilla.org/Barcelona/Events#Barcelona_Web_evenings
Si voleu inscriure-vos-hi, podeu fer-ho des de:
http://fx4barcelona.eventbrite.com/

popcorn-js: com fer vídeos integrats amb el Web

19 d'octubre de 2010 per toniher. Comentaris tancats

Tal com hem fet en anteriors articles, continuarem parlant d’alguns dels diferents projectes que es troben sota l’aixopluc de Drumbeat.
Avui ho farem de Popcorn, una biblioteca JavaScript, part del projecte WebMadeMovies (pel·lícules fetes al Web), que permet la manipulació de vídeos incrustats.

La vinculació directe dels vídeos amb el mateix codi HTML és una de les característiques més destacades del nou HTML 5, que els navegadors més moderns ja van incorporant.
Aquesta biblioteca en qüestió enllaça diferents recursos de la xarxa (twitter, flickr, google, etc.) amb la línia temporal del mateix vídeo, permetent doncs proporcionar al visitant informació addicional d’allò que està reproduint-s’hi.

A continuació mostrem un exemple sobre les llúdrigues marines (sea otters en anglès) de Califòrnia.

Nota: Per a la visualització del vídeo cal emprar un navegador que accepti vídeo obert (Ogg Theora en aquest cas). Amb el Firefox des de la versió 3.5 és possible i, amb el SeaMonkey, des de la 2.0.

Els desenvolupadors de la biblioteca van crear un mostra més complexa on també podem veure-hi funcionalitats de subtitolació.

WebM, un nou format de vídeo obert

23 de maig de 2010 per toniher. Comentaris tancats

Fa pocs dies, Google va anunciar l’alliberament del còdec VP8, una tecnologia a les seves mans des que es va adquirir l’empresa On2 Technologies. A més a més, l’alliberament ha vingut acompanyat amb el naixement de la iniciativa WebM. Aquesta compta amb la participació de múltiples actors, entre ells Mozilla, i es vol mirar de promoure un nou format de vídeo obert, el WebM, basat en el contenidor Matroska, el còdec d’àudio Ogg Vorbis i el còdec de vídeo VP8 en qüestió.
Poques hores després, i perquè es pugui començar a experimentar amb aquest format, diferents proveïdors ja han fet versions especials de llurs navegadors; així els usuaris més avançats poden posar a prova la capacitat de reproducció del nou tipus de vídeo obert. El Firefox no n’és una excepció (actualment els binaris només són en anglès).
Sempre que utilitzem una d’aquestes versions especials, podrem comprovar-ne el funcionament tot reproduint els vídeos d’alta definició que Google ha inclòs a la secció dedicada a l’HTML5 del Youtube.

Tot i la novetat, ja han començat a aparèixer eines per a convertir fitxers mulitmèdia a WebM. Per exemple, els usuaris del Mac i del Windows poden optar pel Miro Video Converter, i els usuaris del Linux, poden emprar la versió 0.1.6 del Transmageddon. A la distribució de Linux Ubuntu es pot trobar el còdec del VP8 al repositori PPA de desenvolupament del Gstreamer, tot i que no és recomanable instal·lar-lo si no s’és un usuari avançat.

Encara cal que passin uns quants mesos fins que els usuaris finals puguin disposar de més eines de tractament d’aquest format de vídeo, i perquè la reproducció d’aquest vingui inclosa a la versió estable de navegadors com ara el Firefox. Fins a aquell moment, tothom interessat en utilitzar el vídeo obert, pot continuar recorrent a l’Ogg Theora+Vorbis que, en l’actualitat, ja pot satisfer la majoria de necessitats de reproducció de vídeo on s’ha estat utilitzant el format Flash (p. ex. en connexions lentes). Precisament, les eines anteriorment esmentades també converteixen a l’Ogg Theora+Vorbis.

A continuació pengem dos examples d’un mateix vídeo convertit en formats de vídeo oberts, un en Ogg Theora+Vorbis, que hom pot reproduir des de la versió 3.5 del Firefox i en les darreres versions d’altres navegadors com el Google Chrome i l’Opera, i l’altre, en WebM (VP8+Ogg Vorbis), que ara per ara només es pot visualitzar amb els navegadors de demostració enllaçats més amunt.

Format ogg, funciona des del Firefox 3.5.

Format WebM, funciona en les versions de prova per al WebM

El vídeo és una captura d’un Weihnachtsmarkt de Berlín.

Enllaços