Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

capture any frame from your popcorn video instance and save as png

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 src
Octocat-spinner-32 test
Octocat-spinner-32 .gitignore
Octocat-spinner-32 Jakefile.js
Octocat-spinner-32 readme.md
readme.md

Popcorn.capture.js

Note, this feature will not work with videos requested across domains. Same Origin Policy forbids the use of getImageData(), toDataUrl() and other canvas API methods.

Create data-uri png posters by capturing any frame in your video!

var $pop = Popcorn( "#video-id" ),
    poster;

// Jump to the frame we want to capture and create a poster!
poster = $pop.currentTime( 10 ).capture();


// Poster will be set by default...
$pop.currentTime( 10 ).capture();


// Teleport, capture and return
$pop.capture({

    // By setting at:time, you can jump to that time, capture and return to the current time
    // You can also specify SMPTE time strings
    at: 10
});


// Set the captured frame to an image!
$pop.capture({

    // Any valid selector will work:
    target: "img#capture"
});


// Set the captured frame to an image, while returning the
// popcorn media to continue chaining methods!
$pop.capture({

    target: "img#capture",

    // Set media:true to override the return!
    media: true

    // This allows us to chain additional methods to this call:
}).currentTime( 10 ).play();

Jakefile

jake

    (lone command will run all)

    minify  - UglifyJS on all application code
    hint    - JSHint on all application code
    clean   - delete generated files

Something went wrong with that request. Please try again.