Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
readme.markdown

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?

Something went wrong with that request. Please try again.