Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
build
test
.gitignore
Makefile
popcorn.sequence.js
readme.markdown

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.