capture-frame
<video>
tag (at the current time)
Capture video screenshot from a
Works in the browser with browserify! This module is used by WebTorrent Desktop.
install
npm install capture-frame
usage
simple example
const captureFrame = const frame = // Buffer that contains .png file data // show the captured video frame in the DOMconst image = documentimagewidth = framewidthimageheight = frameheightimagesrc = windowURLdocumentbody
complete example
const captureFrame = const video = documentvideo videovolume = 0videoautoplay = truevideomuted = true // most browsers block autoplay unless mutedvideo // optional, when cross-domainvideosrc = 'http://example.com/test.mp4' { video video videocurrentTime = 2 // seek 2 seconds into the video} { video const frame = // unload video element, to prevent memory leaks video videosrc = '' video // show the captured image in the DOM const image = document imagewidth = framewidth imageheight = frameheight imagesrc = windowURL documentbody}
api
frame = captureFrame(video, [format])
Capture a video frame the the video tag specified by video
. This can be a
reference to a video element in the page, or a string CSS selector. This must
refer to a video element.
Optionally, specify a format
for the image to be captured in. Must be one of
"png", "jpeg", or "webp".
The returned object, frame
, has three properties:
frame.image
The captured image, as a Buffer
.
frame.width
The captured image's width, as a number
.
frame.height
The captured image's height, as a number
.
license
MIT. Copyright (c) Feross Aboukhadijeh.