The Mozilla Blog

News, notes and ramblings from the Mozilla project

Popcorn Launch & Premiere of “One Millionth Tower”

· Around the Web, Mozilla News

Today is a big day for Mozilla and web video. Popcorn, Mozilla’s new HTML5 media toolkit, just launched version 1.0. Coinciding with the launch is the world premiere of the National Film Board of Canada’s “One Millionth Tower” project, a unique Popcorn-powered web documentary, which makes its world premiere this weekend at the Mozilla Festival in London and online at Wired.com.

 

Popcorn allows web filmmakers to amp up interactivity around their movies, harnessing the web to expand their creations in new ways. Popcorn uses Javascript to link real-time social media, news feeds, data visualizations, and other context directly to online video, pulling the web into the action in real time. The result is a new form of  cinema that works more like the web itself: interactive, social,  and rich with real-time context and possibilities that continue to evolve long after filming wraps.

 

 

Director Kat Cizek used Popcorn and other HTML5 tools like WebGL to create One Millionth Tower, the latest installment in the NFB’s Emmy award-winning Highrise series. One Millionth Tower brings residents from a dilapidated Toronto apartment complex together with architects and designers, imagining how they can revitalize their homes and neighborhood together. The film then uses the magic of animators, web developers and Popcorn to bring these ideas to life, all through a multi-layered, three-dimensional landscape that runs directly in the web browser.

 

 

Popcorn made it possible for the filmmakers to control a 3D environment in WebGL, and then augment it with real time information pulled from  Wikipedia, Yahoo’s Weather API, Flickr and Google Maps. The result is a  unique viewing experience customized in the browser for each viewer. When it’s snowing in Toronto, for example, it starts snowing in the virtual  world of One Millionth Tower.

 

Popcorn has broader applications as well. Semantic video  pioneer RAMP is using Popcorn to augment The People’s Choice Awards. PBS  Newshour used Popcorn to annotate President Obama’s 2011 State of The  Union Address. The French and German broadcaster Arte has used it to augment current affairs programming.

 

Coders, film-makers and journalists are exploring its potential in hackfests and learning labs at this weekend’s Mozilla Festival. Take a guided tour or get more involved at http://mozillapopcorn.org/.

29 responses to “Popcorn Launch & Premiere of “One Millionth Tower””

  1. Pingback from Mozilla Launches Popcorn 1.0 on at 1:17 pm:

    [...] and other context directly to online video, pulling the web into the action in real time. […]”. In short, it is a HTML5 media toolkit using JavaScript to link real-time data visualizations, [...]

  2. Pingback from Hacer que el vídeo trabaje como la web”, esa la misiva de Popcorn, - siskatec on at 7:13 am:

    [...] Popcorn 1.0 Launch and World Premier of “One Millionth Tower” (mozilla.com) Marcador [...]

  3. Pingback from Разработчики Mozilla представили мультимедийный JavaScript-фреймворк Popcorn 1.0 | AllUNIX.ru – Всероссийский портал о UNIX-системах on at 1:15 pm:

    [...] рамках проекта Mozilla создан новый JavaScript-фреймворк Popcorn, базирующийся на [...]

  4. Pingback from Новости компьютерного мира - Разработчики Mozilla представили мультимедийный JavaScript-фреймворк Popcorn 1.0 on at 1:53 pm:

    [...] рамках проекта Mozilla создан новый JavaScript-фреймворк Popcorn, базирующийся на [...]

  5. Pingback from Разработчики Mozilla представили мультимедийный JavaScript-фреймворк Popcorn 1.0 | ManNix.ru on at 11:59 pm:

    [...] рaмкaх прoeктa Mozilla coздaн нoвый JavaScript-фрeймвoрк Popcorn , бaзирующийcя нa тeхнoлoгиях [...]

  6. Pingback from Mozilla ha pubblicato Popcorn.js, una soluzione per i video in HTML5 | Open Source on at 12:10 am:

    [...] Via | Mozilla [...]

  7. Pingback from Mozilla Popcorn | Browser Download on at 8:46 am:

    [...] hat die erste Version des Projekts Popcorn veröffentlicht. Hinter Popcorn verbirgt sich der ausgedehnte Versuch, um bewegte Videoinhalte mit [...]

  8. Pingback from Firefox » Разработчики Mozilla представили мультимедийный JavaScript-фреймворк Popcorn 1.0 on at 1:23 pm:

    [...] рамках проекта Mozilla создан новый JavaScript-фреймворк Popcorn, базирующийся на [...]

  9. Pingback from Mozilla geeft javascript-toolkit Popcorn vrij | Techcube on at 10:16 pm:

    [...] werkt als het web: interactief, sociaal en rijk aan realtime-content en -mogelijkheden”, schrijft Mozilla in een [...]

  10. Pingback from Mozilla ha pubblicato Popcorn.js, una soluzione per i video in HTML5 « Indipedia – Indipendenti nella rete on at 12:02 am:

    [...] Via | Mozilla [...]

  11. Pingback from - bestsouvenir.org on at 2:47 am:

    [...] a scenes, a Firefox group recently blogged about a new HTML5 Popcorn media toolkit. This was distinguished with a web documentary, that is out now during [...]

  12. Pingback from Thinking about Mozfest | Zythepsary on at 8:22 am:

    [...] have more to say about it soon, but at the moment I’m just happy exhausted.Related articlesPopcorn 1.0 Launch and World Premier of “One Millionth Tower” (mozilla.com) This entry was posted in #mozfest, education, techie and tagged #mozfest, ben [...]

  13. Pingback from Mozilla bring popcorn to the HTML5 video party. - Webdistortion on at 4:25 pm:

    [...] According to Mozilla, “Popcorn allows web filmmakers to amp up interactivity around their movies, harnessing the web to expand their creations in new ways. Popcorn uses JavaScript to link real-time social media, news feeds, data visualizations, and other context directly to online video, pulling the web into the action in real time. ” [...]

  14. Pingback from Mozilla da una nueva dimensión al vídeo online con Popcorn 1.0 « Palomares del Rio LIBRE on at 10:29 pm:

    [...] – IT Espresso.- Alberto Payo  Este software open source pretende hacer que “el vídeo trabaje como la web”. Cuenta con Popcorn.js, una librería JavaScript que acerca esa característica de contar historias de que dispone el vídeo en HTML5 a los desarrolladores, creativos multimedia y usuarios.“De la misma forma en la que el hipertexto permite a cualquiera enlazar con una página, Popcorn facilita el acceso del vídeo al resto de la Web”, cuenta Mozilla en un post. [...]

  15. Pingback from Web Development articles, tutorials, help » Blog Archive » Mozilla Reinvents Web Video With Popcorn 1.0 on at 9:10 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  16. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | Daves Ultimate Deals on at 10:44 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a copy. [...]

  17. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | websiteproblems.co.uk on at 10:45 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  18. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 « St. Anthony's Hr. Sec. School, Shillong on at 10:46 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a copy. [...]

  19. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 – - Simply ShareSimply Share on at 11:55 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a copy. [...]

  20. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 - Free TV Portal – Free TV Portal on at 5:43 pm:

    [...] bid to move a some-more interactive video knowledge to a web is famous as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, conduct on over to a Mozilla site and download a [...]

  21. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | t3knoDorKs on at 7:33 pm:

    [...] bid to move a some-more interactive video knowledge to a web is famous as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, conduct on over to a Mozilla site and download a [...]

  22. Pingback from JavaScript Magazine Blog for JSMag » Blog Archive » News roundup: 11-11-11! insertAdjacentHTML, classes in JavaScript?, twilight of Flash and Silverlight, Yahoo! Cocktails on at 12:32 pm:

    [...] Popcorn.js 1.0 [...]

  23. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 » DevKill.net on at 2:39 pm:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  24. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 - Tutorial - APIs - HTML5 - JavaScript - Multimedia - Web Standards - DevKill.net | Full Nulled Script | Hackers News | Indonesian News | Tutorial | Pentest | News on at 11:41 am:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  25. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | LoQuor.iT Web Services on at 10:18 pm:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  26. Pingback from BeBlog » Popcorn, el vídeo per a web segons Mozilla on at 1:07 am:

    [...] dels vídeos més interactiva, gràcies a les funcions del jove llenguatge HTML5. La primera versió de Popcorn, ja llançada, funciona, principalment, amb les últimes actualitzacions dels [...]

  27. Pingback from Which Internet Browser Is The Best? | Creative Pink Designs on at 2:49 pm:

    [...] Popcorn Launch & Premiere of “One Millionth Tower” [...]

  28. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 | LoQuor IT – Chicago Integrated IT Solutions on at 4:53 pm:

    [...] effort to bring a more interactive video experience to the web is known as Popcorn.js and it recently reached 1.0 status. If you’d like to play around with Popcorn, head on over to the Mozilla site and download a [...]

  29. Pingback from This Week in Digital: November 11, 2011 - Digital Marketing Agency | Social, Creative, Content, Mobile, Search | INFUZ - Digital Marketing Agency | Social, Creative, Content, Mobile, Search | INFUZ - Digital Marketing Agency | Social, Creative, Content, M on at 1:15 pm:

    [...] Prefer Cotton Candy, Myself Interactivity in video gets taken to new heights with Mozilla’s release of Popcorn 1.0. How long before we’re not content to watch a video unless we can interact with it or expect [...]