tammo0/popcorn.sequence

Popcorn.sequence.js

Create video clip sequences that playback seamlessly

---

Contributions should follow these guidelines: http://github.com/rwldrn/idiomatic.js

---

Usage:

var sequence = Popcorn.sequence(
				"container-id",
				[
					{
						src: "assets/snowdriving.ogv",
						in: 0,
						out: 5
					},
					{
						src: "assets/snowdriving.ogv",
						in: 7,
						out: 10
					},
					{
						src: "assets/snowdriving.ogv",
						in: 3,
						out: 6
					}
				]);

Sequences implement the following methods:

// Return a Popcorn object for "assets/snowdriving.ogv"

sequence.eq( 0 );



// Play the sequence

sequence.play();



// Execute a callback at the 4th second in the sequence

sequence.exec( 4, function() {

});



// Listen for an event in the sequence

sequence.listen( eventName, function() {

	// canplaythrough, loadedmetadata, loadeddata events will fire only when all clips have fired
	// timeupdate, play, pause will fire on the currently active clip

});



// TODO: Add sequence.listen() example

For seamless playback, be sure to wrap playback in a "canplaythrough" event callback

Todo:

Somehow need to get back to previous videos?