One of the most requested new features we get for Mozilla Webmaker is web media sequencing. Users want to be able to use multiple video or audio clips in a single experience. This past week Scott and Kate, with help from Matt and Chris, have been building and testing a solution in Popcorn Maker.
The idea is to make it easy to pick media clips, including HTML5 audio and video, YouTube, SoundCloud, and Vimeo, and let users position each clip along the timeline, and within the video canvas.
Here two YouTube clips have been added to the gallery. I might want to use the video from one (surf video) and the audio from the other (“Wipe Out”). The sequencer supports video+audio, video-only, and audio-only for each clip. Next you figure out where to place clips in the timeline:
Here a Vimeo video and an HTML5 video are positioned within the timeline so that the former will start part way through the latter. We can also specify the position and size of each visual clip within the video canvas, which means we can do interesting parallel layouts of multi-video experiences.:
In this example, four separate YouTube videos are positioned into a common space, with one of them occupying the majority of the space, and thereby emphasizing its importance Each clip can be resized or moved (you can see that one of the clips is selected in the editor and has resize handles).
The Sequencer feature is still in active development, but is ready to be tested. You can already make some interesting things with it. Here are some examples you can look at:
- Clay Shirky talk with Flickr slide show + YouTube b-roll
- Near Death in Bb, mixing multi-track audio video
- Baby Awake vs. Harlem Shake, remixing audio and video
You can remix any of the above, or make your own using this experimental branch. You can let us know about issues you find or make suggestions in this bug.
3 Comments
These harlem shake videos are crazy… A business in my field just made one and then it’s like everyone in the field followed. Have to get on the band wagon
This Harlem Shake one (http://jbuck.ca:8881/v/r.html) says account suspended for muliple infringments -the video link is dead.
Hi,
Recently, videos made with PopcornMaker is not working properly.
Please advice.
4 Trackbacks
[...] Sequencing Web Media. Popcorn Maker as video editor. Weaving multiple video or audio clips into a single experience. [...]
[...] Dave Humphrey calls it “web media sequencing.” Jacob calls it “cloudmashing.” We like to think of it as “web-based video editing,” or video editing in the cloud. It lets users weave multiple video and audio clips from across the web into a single experience — then seamlessly publish and share with a click. Like copy and paste for web media. [...]
[...] Dave Humphrey calls it “web media sequencing.” Jacob calls it “cloudmashing.” We like to think of it as “web-based video editing,” or video editing in the cloud. It lets users weave multiple video and audio clips from across the web into a single experience — then seamlessly publish and share with a click. Like copy and paste for web media. [...]
[...] wrote previously about our work to add Media Clips to Popcorn Maker. Since then we’ve watched as people have started to make things with it, [...]