Popcorn Maker

Popcorn Maker is a creative tool that makes authoring interactive media pages as easy as point and click.

Coming November 2012

Popcorn Maker 1.0 will empower you to make cool web-based media, whether you’re a beginner or pro. With over 20 plugins—ranging from Twitter to Google Maps to video processing—you’ll be able to stitch up a stylish video that’s woven into the web. And, of course, it’s 100% free and open source.

Popcorn Maker brings the power of popcorn.js and its plugin system to a graphical user interface, with familiar timeline controls. Completely free and open source, Popcorn Maker offers a collection of useful templates, but since it’s built from standard HTML, you can customize it to your heart’s content.

You’ll  be able to publish and share your creations on  your blog, Twitter, or Tumblr (or just grab the code).

Help us test the app

Under active development, Popcorn Maker is alpha software. Give it a spin, and let us know if you find any bugs (you will!).

Contribute to Popcorn

See a guide on how to contribute to Popcorn Maker.

To create Popcorn Maker, we developed Butter - a software development kit for HTML5-based timeline media apps. If youʼd like to build upon Popcorn Maker, you can get started now by forking it on Github.

Try the alpha

Get the source

47 responses

Post a comment

  1. Pingback from The world’s first open source 3D documentary and more! « Collab Docs on ::

    [...] Popcorn 1.0 release includes the Popcorn Maker, an easy to use authoring tool. Try it, you’ll be linking your video to other web content in [...]

    Reply

  2. Pingback from Popcorn.js hits 1.0 | Pineapple Donut on ::

    [...] Popcorn is a slightly larger package that includes Popcorn Maker as well – a GUI for Popcorn.js that means you don’t need to be a coder to utilise the [...]

    Reply

  3. Pingback from Mozilla geeft javascript-toolkit Popcorn vrij | Techcube on ::

    [...] heeft onder meer voor filmmakers en journalisten een tool uitgegeven voor het aanmaken van Popcorn-websites. Zij kunnen met de zogeheten Popcorn Maker in de [...]

    Reply

  4. Pingback from Mozilla lança seu novo toolkit de mídia HTML5 | F2 - Sistemas on ::

    [...] aqueles que não querer escrever código, há o Popcorn Maker, que é um novo aplicativo voltado para realizar experiências de vídeo de authoring de forma bem [...]

    Reply

  5. Pingback from GoogleBig » Archive » Create Virtual Tours with Street View on ::

    [...] have also released Popcorn Maker, a very easy to use tool that will help you create interactive websites. Popcorn Maker will look [...]

    Reply

  6. Pingback from Popcorn.js transformă procesarea videoclipurilor web într-o joacă în stilul Mozilla | WorldIT on ::

    [...] Mai multe detalii despre această unealtă extrem de utilă pentru jurnaliști, creatorii de filme și nu numai aici. [...]

    Reply

  7. Pingback from Web Development articles, tutorials, help » Blog Archive » Mozilla Reinvents Web Video With Popcorn 1.0 on ::

    [...] addition to the Popcorn.js framework, there’s also Popcorn Maker, a web-base graphical user interface for creating Popcorn-based videos. Popcorn Maker is the newest [...]

    Reply

  8. Pingback from Mozilla Reinvents Web Video With Popcorn 1.0 – - Simply ShareSimply Share on ::

    [...] addition to the Popcorn.js framework, there’s also Popcorn Maker, a web-based graphical user interface for creating Popcorn-based videos. Popcorn Maker is the [...]

    Reply

  9. Pingback from Mozilla新推的HTML5媒体框架 Popcorn.js 1.0发布 on ::

    [...] Popcorn Maker则是为这些交互式视频提供创作环境的一个应用程序。Popcorn Maker为Popcorn.js及其插件系统带来一个图形界面模式，而且引入了大家所熟悉的时间轴组件。对于不想编写代码的开发者，Popcorn Maker使得创作交互视频的体验就“像简单点击一样轻松”。值得关注的是，Popcorn Maker是开源的，它还提供了多种可自定义的模板。不过注意，目前Popcorn Maker仍处于Alpha版阶段。 [...]

    Reply

  10. Pingback from A Look at Popcorn | linuxin.ro on ::

    [...] Mozilla have an alpha-stage app for creating Popcorn content without having to write code, called Popcorn Maker which will be great for cutting-edge film makers wanting to venture into this new browser-based [...]

    Reply

  11. Pingback from Mozilla Popcorn – Future of web video? | Karl Goddard on ::

    [...] more accessible for the non-coders out there Mozilla have released an Alpha browser app – Popcorn Maker – to let you literally point and click your way to making simple interactive video apps. [...]

    Reply

  12. 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 ::

    [...] addition to the Popcorn.js framework, there’s also Popcorn Maker, a web-based graphical user interface for creating Popcorn-based videos. Popcorn Maker is the [...]

    Reply

  13. Pingback from Popcorn.js 1.0 : toolkit media HTML5 terbaru dari Mozilla | LinuxBox.Web.ID on ::

    [...] di film mereka, menggunakan web untuk mengembangkan kreasi mereka.Tidak bi(a)sa koding? tenang ada Popcorn Maker, aplikasi baru yang didesain untuk membuat pengalaman video interaktif lebih mudah karena cukup [...]

    Reply

  14. Pingback from Mozilla Festival 2011 | Peter Bihr on ::

    [...] real killer – a real eye opener! – for me was certainly Popcorn.js, or rather the Popcorn Maker. Popcorn.js is a framework to make video on the web more interactive – more of the web [...]

    Reply

  15. Pingback from Popcorn from Mozilla | on ::

    [...] Mozilla have an alpha-stage app for creating Popcorn content without having to write code, called Popcorn Maker which will be great for cutting-edge film makers wanting to venture into this new browser-based [...]

    Reply

  16. Pingback from Mozilla Popcorn o como llevar el multimedia en la web al límite » SupporTedia on ::

    [...] framework ya se puede descargar, la herramienta ya se puede utilizar y hay disponible abundante documentación. El futuro de la web ya está aquí y no cabe duda de que [...]

    Reply

  17. Pingback from Mozilla bring popcorn to the HTML5 video party on ::

    [...] of Popcorn Maker can drag the interactive elements of their choosing (including Wikipedia data, Flickr, Google maps, [...]

    Reply

  18. Pingback from Grundlagen: Videos bearbeiten mit Mozilla Popcorn Maker - NETZWELT on ::

    [...] Offizielle Webseite [...]

    Reply

  19. Pingback from All in a month’s work on ::

    [...] I did download it for free from Sencha.com. The last tool I wanted to mention is Mozilla’s Popcorn Maker. This application is being developed to make Mozilla’s PopcornJS JavaScript library more [...]

    Reply

  20. Pingback from What is elearning popcorn? | eLearning Developer on ::

    [...] PopcornJS is Popcorn Maker, which is a user friendly “drag and drop” tool that makes it possible for just about anyone to [...]

    Reply

  21. Pingback from El Noguer | Animacions HTML5 amb BlueGriffon, Gordon i Popcorn.js on ::

    [...] PopcornMaker és un editor de vídeo escrit en javascript i HTML5 utilitzant tecnologia Popcorn.js de Mozilla. [...]

    Reply

  22. Pingback from Shakespeare goes social: Mozilla Popcorn in the classroom « o p e n m a t t on ::

    [...] and heavy lifting Popcorn.js to produce her Shakespeare demo.  But the more user-friendly “Popcorn Maker” — which just shipped version 0.1 — aims to make it easy for non-developers, [...]

    Reply

  23. Pingback from Shakespeare goes social: Mozilla Popcorn in the classroom | Mozilla Popcorn on ::

    [...] Popcorn Maker [...]

    Reply

  24. Pingback from Shakespeare is better with Popcorn | digitalgrip.fieldnotes on ::

    [...] can also make your own social video now with Popcorn Maker. Filed under Interactive, Storytelling, [...]

    Reply

  25. Pingback from Happy New Year Mozilla. I’m excited! « commonspace on ::

    [...] people from using the web to making the web. As a starting point, we’re making software like PopcornMaker and running grassroots learning labs like Hackasaurus, both of which help everyday content creators [...]

    Reply

  26. Pingback from The Final Push « Thoughts of a programmer in training on ::

    [...] and knowledge as a developer while at the same time continuing with the interesting Popcorn.js and Popcorn Maker [...]

    Reply

  27. Pingback from Video! Mozilla Event Menu | Michelle Thorne on ::

    [...] working on. The goal was both to produce a snappy, visual artifact and to play around with Popcorn Maker, a web authoring tool for [...]

    Reply

  28. Pingback from And Now For Something Completely Different: Hacking on Firefox « Chris De Cairos on ::

    [...] been allowed to continue my time at CDOT as a part-time employee, continuing work on Popcorn and Popcorn Maker.  In addition to that I'm enrolled in 5 classes. One is focused on UNIX systems programming, [...]

    Reply

  29. Pingback from OSD700 – First release! « David Seifried on ::

    [...] and how it differs from the review process in other open source projects I work on ( Popcorn.js and Popcorn Maker ).  In Popcorn projects we typically wait until both a fix and tests have been written before [...]

    Reply

  30. Pingback from DPS911 Release 1 | Mohammed Buttu on ::

    [...] for David Humphrey’s DPS911 open source class. I am currently working on three projects: Popcorn Maker, Popcorn Maker FCP (the Mac version of the web-based Popcorn Maker), and TestSwarm for Popcorn. [...]

    Reply

  31. Pingback from Getting ChocTop to Work | Mohammed Buttu on ::

    [...] been working on creating custom DMGs for release builds for Popcorn Maker FCP, the Mac version of Popcorn Maker. I have ran into many issues along the way, some of which were explained in my last post, [...]

    Reply

  32. Pingback from DPS911 Release 2 | Mohammed Buttu on ::

    [...] also worked on three Popcorn Maker bugs, which are now up for review, as explained in this post. I am still working on bug 254 for [...]

    Reply

  33. Pingback from A big tent for teaching tech « commonspace on ::

    [...] Toronto had a mix of Mozilla and non-Mozilla stations kids could take part in. Hackasaurus and PopcornMaker from the Mozilla side. Scratch, paper-prototyping, Python and PlayLab. We had 50+ kids, 40 parents [...]

    Reply

  34. Pingback from Our stake in Mozilla’s learning tent | on ::

    [...] of those who share our ethos.  In addition to building our own learning tools like Hackasaurus and PopcornMaker, we’re working harder to highlight, build and strengthen relationships with the people and [...]

    Reply

  35. Pingback from What are we working on? Collusion blows up, badges go big, events gear up, Big Honkin’ Summer Campaign | o p e n m a t t on ::

    [...] Take the Mozilla Popcorn app for a test drive [...]

    Reply

  36. Pingback from Popcorn + Docs | Living Docs on ::

    [...] Brett Gaylor explores how Popcorn follows the tradition of technology influencing the form of documentary. This post was created with Popcorn Maker. [...]

    Reply

  37. Pingback from Next-Next Generation Web Making on ::

    [...] and community.  I’m helping lead the software teams that are building things like Popcorn, Popcorn Maker, Badges, Gladius, etc.  Mark’s done some good writing and talking about what web making [...]

    Reply

  38. Pingback from Firefox Developer Tools London Meetup « dave’s log on ::

    [...] Mark Surman showed us some educational authoring/inspection tools Mozilla people are building, including Hackasaurus and PopcornMaker. [...]

    Reply

  39. Pingback from Popcorn Learning Lab London | Mozilla Popcorn on ::

    [...] Before lunch, Popcorn community members Brian Chirls and Cole Gillespie led folks with a background in Javascript through the basics of using the library and creating custom plugins. Those with no prior coding experience were brave enough to test drive the alpha version of Popcorn Maker. [...]

    Reply

  40. Pingback from Mozilla Popcorn – Future of web video? - Welcome to Infinity Learning on ::

    [...] little more accessible for the non-coders out there Mozilla have released an Alpha browser app – Popcorn Maker – to let you literally point and click your way to making simple interactive video apps. Within [...]

    Reply

  41. Pingback from Implementing Testing for Popcorn Maker « Thoughts of an Open Source Hacker in Training on ::

    [...] the foreseeable future my main focus is going to be beefing up the testing system in place for Popcorn Maker. As it stands Popcorn Maker doesn’t have the same sort of testing environment and [...]

    Reply

  42. Pingback from New Mozilla Programme to Teach Basics of Web Development | on ::

    [...] elements of the programme, like Popcorn, are already available in test version for free download, the initiative launches in full on June 23rd, when Mozilla’s Summer Code Party [...]

    Reply

  43. Pingback from New Mozilla Programme to Teach Basics of Web Development | freecsswebsitetemplates.com on ::

    [...] elements of a programme, like Popcorn, are already accessible in test chronicle for giveaway download, a beginning launches in full on Jun 23rd, when Mozilla’s Summer Code Party [...]

    Reply

  44. Pingback from Bookmarks for May 31st « Stuartblog2 on ::

    [...]    Bookmarks for May 29th »Bookmarks for May 31stThese are my links for May 31stPopcorn Maker | Mozilla Popcorn – Share and Enjoy:May 31st, 2012 | Leave a comment linktext |  Email This Post Leave a [...]

    Reply

  45. Pingback from con/temporary streams aka Sammelsurium: ePartizipation und Mozilla Foundation « ::: digitalareal ::: on ::

    [...] funktioniert mit HACKASAURUS, Videos online bearbeiten und ergänzen mit POPCORN und ihrem POPCORN-MAKER. Zwei wunderbare Tools für Kinder, Jugendliche, Erwachsene, Studierende … einfach alle, die mit [...]

    Reply

  46. Pingback from Hypermediale Podcasts - Der Multimediabaukasten Popcorn.js | METAWELLE on ::

    [...] Videos und Webseiten können auf die Sekunde genau passend zum Inhalte eingeblendet werden. Die Alpha-Version ist bereits seit längerem online und sieht ziemlich beeindruckend aus. Da es sich bei den [...]

    Reply

  47. Pingback from Mozilla Thimble preview « commonspace on ::

    [...] course, our Mozilla Webmaker ambitions are much bigger than just teaching HTML and CSS. PopcornMaker will be a major resource for helping people make and learn about interactive video on the web. And, [...]

    Reply

Post Your Comment