Skip to content

rdworth/popcorn.sequence

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Popcorn.sequence.js

Create video clip sequences that playback seamlessly


Contributions should follow these guidelines: https://gist.github.com/793649


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, besure to wrap playback in a "canplaythrough" event callback

Todo:

Somehow need to get back to previous videos?

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%