{"id":61909,"date":"2011-11-05T00:00:00","date_gmt":"2011-11-05T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2011\/11\/05\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/"},"modified":"2021-04-27T17:23:45","modified_gmt":"2021-04-27T17:23:45","slug":"popcorn-1-0-launch-and-world-premier-of-one-millionth-tower","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/","title":{"rendered":"Popcorn Launch & Premiere of “One Millionth Tower”"},"content":{"rendered":"
Today is a big day for Mozilla and web video.\u00a0Popcorn<\/a>, Mozilla’s new HTML5 media toolkit, just launched\u00a0version 1.0<\/a>.\u00a0Coinciding with the launch is the world premiere of\u00a0the National Film Board of Canada’s “One Millionth Tower<\/a>” project, a unique Popcorn-powered web documentary, which makes its world premiere this weekend at the\u00a0Mozilla Festival<\/a>\u00a0in London and online at\u00a0Wired.com<\/em><\/a>.<\/div>\n
\n

\u00a0<\/p>\n

Popcorn\u00a0allows 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.\u00a0The result is a new form of\u00a0 cinema that works more like the web itself: interactive, social,\u00a0 and rich with real-time context and possibilities that continue to evolve long after filming wraps.<\/div>\n

\u00a0<\/p>\n

\"\"<\/a><\/div>\n

\u00a0<\/p>\n

Director Kat Cizek used Popcorn and other HTML5 tools like WebGL to create\u00a0One Millionth Tower<\/em>, the latest installment in the NFB’s Emmy award-winning\u00a0Highrise<\/span><\/em>\u00a0series.\u00a0One Millionth Tower<\/em>\u00a0brings 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.<\/div>\n

\u00a0<\/p>\n

\"\"<\/a><\/div>\n

\u00a0<\/p>\n

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

\u00a0<\/p>\n

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

\u00a0<\/p>\n

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\u00a0http:\/\/mozillapopcorn.org\/<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Today is a big day for Mozilla and web video.\u00a0Popcorn, Mozilla’s new HTML5 media toolkit, just launched\u00a0version 1.0.\u00a0Coinciding with the launch is the world premiere of\u00a0the 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\u00a0Mozilla Festival\u00a0in London and online at\u00a0Wired.com. \u00a0 […]<\/p>\n","protected":false},"author":340,"featured_media":3629,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30710,5],"tags":[],"coauthors":[],"acf":[],"yoast_head":"\nPopcorn Launch & Premiere of "One Millionth Tower"<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/\",\"name\":\"Popcorn Launch & Premiere of \\\"One Millionth Tower\\\"\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg\",\"datePublished\":\"2011-11-05T00:00:00+00:00\",\"dateModified\":\"2021-04-27T17:23:45+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e29ababa5286ff24cbe7b318cf1b39a4\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"One Millionth Tower: Screen grab farmers market\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Popcorn Launch & Premiere of “One Millionth Tower”\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e29ababa5286ff24cbe7b318cf1b39a4\",\"name\":\"Mark Surman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f7d494308288ca42d617e72b3a5670d8\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/24c67a09f7e5e031b49df692a19797ec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/24c67a09f7e5e031b49df692a19797ec?s=96&d=mm&r=g\",\"caption\":\"Mark Surman\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/markmozillafoundation-org\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Popcorn Launch & Premiere of \"One Millionth Tower\"","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/","url":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/","name":"Popcorn Launch & Premiere of \"One Millionth Tower\"","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg","datePublished":"2011-11-05T00:00:00+00:00","dateModified":"2021-04-27T17:23:45+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e29ababa5286ff24cbe7b318cf1b39a4"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2011\/11\/NFB_HIGHRISE_1MT_screen_grab_farmers_market.jpg","width":1920,"height":1080,"caption":"One Millionth Tower: Screen grab farmers market"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Popcorn Launch & Premiere of “One Millionth Tower”"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e29ababa5286ff24cbe7b318cf1b39a4","name":"Mark Surman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f7d494308288ca42d617e72b3a5670d8","url":"https:\/\/secure.gravatar.com\/avatar\/24c67a09f7e5e031b49df692a19797ec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24c67a09f7e5e031b49df692a19797ec?s=96&d=mm&r=g","caption":"Mark Surman"},"url":"https:\/\/blog.mozilla.org\/en\/author\/markmozillafoundation-org\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61909"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/340"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=61909"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61909\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/3629"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=61909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=61909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=61909"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=61909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}