Popcorn.js Documentation. In addition to Popcorn’s plugin factory, Popcorn also provides a way for users to create their own media player ( other than the HTML5 one ) to create and fire events off of. Document and Directory Setup Create a folder popcorn-js/players/playername Create 4 files: popcorn.playername.html – The demo file, contains html to run player popcorn.playername.js – The code file, contains player popcorn.playername.unit.html – The demo test file, contains html test framework popcorn.playername.unit.js – The code test file, contains unit tests Making the player Developing a player for Popcorn is a bit more complicated than creating a plugin. In order for a player to work correctly you need to handle all events that the HTML5 Popcorn offers a plugin factory that allows user to create their own plugins to synchronize with the playable media timeline. Making the plugin Choose a pattern from the Popcorn Plugin API section below. Be sure to eliminate dependencies.
Making unit tests Popcorn Plugin API. Popcorn.js and i-docs: the start of a great relationship? A glance at popcorn.js and its possibilities for i-docs making, one week before the release of its 1.0 version at the Mozilla Festival in London. The last article posted by Arnau Gifreu on the evolution and the future of the Internet invited me to start my collaboration with i-Docs introducing the first proposals that are coming from different studios to create audiovisual narratives using HTML5. At least three projects (Popcorn.js, Zeega, and 3wdoc) were born in the last year offering different HTML5-based solutions, in some case specially designed for making webdocs. This leads me to think we are at the beginning of a decade full of experiments that will take web communication onto the next level; maybe in the same way as Flash allowed in the early 00s, but I thing the change will be stronger, mixing the best of amazing visual narratives with the powerful sense of collaboration and real-time communication given by web 2.0 and semantic data.
Documentation | Popcorn.js. Learn Popcorn | Mozilla Popcorn. PopcornMaker. About this project Popcorn Maker is a GUI to allow anyone to create popcorn-powered rich media pages. It is a component of the Webmaker initiative. Popcorn Maker makes it easy to enhance, remix and share web video. Use your web browser to combine video and audio with content from the rest of the web — from text, links and maps to pictures and live feeds. Use Popcorn Maker to create your own interactive newscasts, pop-up videos, multimedia reports, fan videos, guided web tours and more. Remix your favorite videos on YouTube or sounds on SoundCloud, add your own comments and links, or drag and drop in content from across the web.
The result is a whole new way to tell stories on the web, with videos that are dynamic,full of links, and unique each time you watch them. Visit the app Visit the app at popcorn.webmaker.org Source Github Issue Tracker Popcorn Maker: RoadMap Our roadmap is evolving - visit here for the latest. Popcorn.js 0.2 Facelift – Popcorn.js 0.2 Facelift – Bocoup Web Log. Popcorn.js, the HTML5 <video> framework, is getting a facelift. Rick, Al and I spent last weekend working on Popcorn with Anna and Scott from the Centre for Development of Open Technology (CDOT) at Seneca College on the forthcoming release of Popcorn JS.
The History Bocoup’s own Nick Cammaratta attended a week long code sprint for Popcorn JS 0.1 leading up to the 2010 Mozilla summit back in July of 2010. At CDOT, Anna and Scott have been working under David Humphrey and Brett Gaylor on Mozilla’s Web Made Movies project. For the past 5 months Anna and Scott have solved numerous problems dealing with web video. Their popcorn.js 0.1 demo represents enormous thought leadership in HTML5 <video> interaction. Mozilla recently engaged Bocoup to develop an authoring tool for Popcorn.js to make it even easier for filmmakers to make web movies with Popcorn. Bocoup's Recommendation With this in mind we recommended using an enhanced singleton pattern, originally pioneered by the jQuery project.
Press calls Mozilla Popcorn “the future of online video” « o p e n m a t t. Mozilla Popcorn has been getting some noteworthy applause and media attention lately, with Wired and Fast Company both calling it the future of online video. As we approach the launch of Popcorn 1.0 at the upcoming Mozilla Festival, it’s looking more and more like the kernel of something that can blow up big. Wired: Popcorn “could be the next big thing in internet video” Some excerpts: At Popcorn Hackathon, Coders Team With Filmmakers to Supercharge Web Video Popcorn.js, which few outside the web-development world have ever heard of, could be the next big thing in internet video.
It’s a simple — for coders, at least — framework that allows filmmakers to supplement their movies with news feeds, Twitter posts, informational windows or even other videos, which show up picture-in-picture style. Popcorn-powered videos work in any HTML5-compatible browser and are easy to navigate for anyone who has ever used the internet. Fast Company:”the future of online video” Excerpts: Independent Television Service - ITVS. On the joys of 1.0. In a little less than two weeks, we’re going to be releasing Popcorn.js version 1.0. Our team is pretty excited, not least because we’ll be doing the release at the Mozilla Media Festival in London. We’re also excited because getting to 1.0 is a really big deal, and we’re happy to have made it. A year ago I was announcing the release of another joint Mozilla-Seneca project, Processing.js 1.0 . Shipping 1.0 means a heavy investment of time, and the effort and co-ordination of a dedicated team. It’s not typically the kind of thing you see coming out of the classroom and from college students, since most academic projects remain academic, confined to the limits of a semester .
I remember one of the first visits Mike Shaver made to my open source Mozilla class at Seneca many years ago. When I’m hiring I want to see what you’ve shipped. The way you ship 1.0 in an academic setting, and do it repeatedly, is to use a hybrid approach, and to form a network of support. See you in London. Toolness/instapoppin - GitHub. Popcorn Maker. Faisons du Popcorn avec Mozilla. Mozilla lance la version 1.0 de Popcorn pour créer des contenus vidéos web plus riches et interactifs entièrement en HTML5 Avec Popcorn les développeurs ou les cinéastes pourront intégrer à leurs films des éléments interactifs tels que des messages Twitter en temps réel, des cartes Google Map, des photos Flickr, la météo marine, des fenêtres d'information ou même d'autres vidéo... et tout plugin créé par des développeurs.
"Popcorn utilise JavaScript pour des liens en temps réel vers des médias sociaux, flux d'actualité, visualisation de données et autres directement dans la vidéo en ligne ", indique Mozilla Popcorn entièrement basé sur le HTML 5 s'adapte à tous les navigateurs. Mozilla propose aux développeurs Popcorn.js un système d'évènement. Le système est évolutif et est associé à d'autres bibliothèques et projets parallèles : D'autres exemples impressionnants sont visibles sur le site de Mozilla popcornjs.org Waldron un des développeur de Popcorn.js explique : Toxiclibs.js - Open-Source Library for Computational Design. There are several areas where toxiclibs.js stands apart to remain more idiomatic and helpful in the javascript environment. For a complete description of the conveniences added to toxiclibs.js, read the sugar file in the repository.
Some examples of these differences are: loose-typed for working more naturally with javascript objects, no instanceof tests are ever usedtoxi.THREE.ToxiclibsSupport for easing work with Three.jstoxi.color.TColor additions for complete interoperability with CSS and X11 color names.toxi.geom.mesh.OBJWriter's getOutput() for getting OBJ contents back as a string (helpful in js environments that don't have file system access). Arrays / Collections The Java version frequently uses Collections, Iterators, and java-specific for-loops[2]. Var len = mesh.faces.length, i = 0;for(i = 0; i < len; i++){ doSomething( mesh.faces[i] );} This section will occassionally be expanded on. Butter.js « Anna on Computing. If you haven’t heard about popcorn-js you are seriously missing out.
Some Torontonians refer to it as CP24 online but of course its much better – it’s open-source and allows anyone to make a content driven site. [Read my last post to get a better overview] It has been less than 6 months since the initial launch of popcorn-js and only 1 month since our decision to make it into a plug-in architecture. Yes, we revamped the entire library in just one month. Whats Changed? In short everything; we re-wrote the entire thing. Another exciting addition is butter. Looking to get involved? There is countless ways for people to get involved in the project including idea generation, video generation, bug filing, documentation, promotion, and of course writing code. #popcorn irc channelpopcorn-js lighthouse accountpopcorn-js GitHub repo you can fork fromto join an online discussion or see people’s comments visit the project siteto view the most recent demo visit popcornjs.org Like this: Like Loading...
Popcorn.js - webmademovies. Brianchirls/Seriously.js - GitHub. Rwldrn/popcorn.sequence - GitHub. Brianchirls/Seriously.js - GitHub. Mozilla Popcorn | Making video work like the web.