Gathering detailed insights and metrics for @nsfw-filter/gif-frames
Gathering detailed insights and metrics for @nsfw-filter/gif-frames
🖼 Extract frames from an animated GIF with pure JS
Installations
npm install @nsfw-filter/gif-framesDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
12.18.3
NPM Version
6.14.6
Score
73.2
Supply Chain
92.2
Quality
69.6
Maintenance
50
Vulnerability
97.3
License
Releases
Unable to fetch releases
Languages
1
JavaScript
JavaScript (100%)
Developer
nsfw-filter
Download Statistics
Total Downloads
680,945
Last Day
101
Last Week
1,086
Last Month
4,073
Last Year
147,526
GitHub Statistics
MIT License
32 Stars
70 Commits
4 Forks
1 Watchers
2 Branches
1 Contributors
Updated on Apr 18, 2023
Bundle Size
91.99 kB
Minified
26.81 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.0.2
Package Id
@nsfw-filter/gif-frames@1.0.2
Unpacked Size
0.99 MB
Size
246.10 kB
File Count
8
NPM Version
6.14.6
Node Version
12.18.3
Total Downloads
Cumulative downloads
Total Downloads
680,945
Dev Dependencies
5
gif-frames
A pure JavaScript tool for extracting GIF frames and saving to file. Works in Node or the browser. Uses get-pixels and save-pixels under the hood.
Install
1npm install gif-frames
CDN scripts
If you're not using npm, you can include one of these in your HTML file:
- https://unpkg.com/gif-frames?main=bundled (Unminified)
- https://unpkg.com/gif-frames?main=bundled-min (Minified)
1<!-- unminified --> 2<script src="https://unpkg.com/gif-frames@1.0.1?main=bundled"></script> 3 4<!-- minified --> 5<script src="https://unpkg.com/gif-frames@1.0.1?main=bundled-min"></script>
This will expose gifFrames as a global variable.
require('gif-frames')(options[, callback])
1var gifFrames = require('gif-frames'); 2var fs = require('fs'); 3 4gifFrames({ url: 'image.gif', frames: 0 }).then(function (frameData) { 5 frameData[0].getImage().pipe(fs.createWriteStream('firstframe.jpg')); 6});
Options:
url(required): The pathname to the file, or an in-memory Bufferframes(required): The set of frames to extract. Can be one of:'all'(gets every frame)- Any valid
Initializeraccepted by the multi-integer-range library
outputType(optional, default'jpg'): Type to use for output (seetypeforsave-pixels)quality(optional): Jpeg quality (seequalityforsave-pixels)cumulative(optional, defaultfalse): Many animated GIFs will only contain partial image information in each frame after the first. Specifyingcumulativeastruewill compute each frame by layering it on top of previous frames. Note: the cost of this computation is proportional to the size of the last requested frame index.
The callback accepts the arguments (error, frameData).
Returns:
A Promise resolving to the frameData array (if promises are supported in the running environment)
frameData
An array of objects of the form:
1{ 2 getImage, 3 frameIndex, 4 frameInfo 5}
getImage()
Returns one of:
- A drawn canvas DOM element, if
options.outputTypeis'canvas' - A data stream which can be piped to file output, otherwise
frameIndex
The index corresponding to the frame's position in the original GIF (not necessarily the same as the frame's position in the result array)
frameInfo
It is an Object with metadata of the frame. Fields:
| Name | Type | Description |
|---|---|---|
| x | Integer | Image Left Position |
| y | Integer | Image Top Position |
| width | Integer | Image Width |
| height | Integer | Image Height |
| has_local_palette | Boolean | Image local palette presentation flag |
| palette_offset | Integer | Image palette offset |
| palette_size | Integer | Image palette size |
| data_offset | Integer | Image data offset |
| data_length | Integer | Image data length |
| transparent_index | Integer | Transparent Color Index |
| interlaced | Boolean | Interlace Flag |
| delay | Integer | Delay Time (1/100ths of a second) |
| disposal | Integer | Disposal method |
Examples
Writing selected frames to the file system in Node:
1var gifFrames = require('gif-frames'); 2var fs = require('fs'); 3 4gifFrames( 5 { url: 'image.gif', frames: '0-2,7', outputType: 'png', cumulative: true }, 6 function (err, frameData) { 7 if (err) { 8 throw err; 9 } 10 frameData.forEach(function (frame) { 11 frame.getImage().pipe(fs.createWriteStream( 12 'image-' + frame.frameIndex + '.png' 13 )); 14 }); 15 } 16);
Drawing first frame to canvas in browser (and using a Promise):
1var gifFrames = require('gif-frames'); 2 3gifFrames({ url: 'image.gif', frames: 0, outputType: 'canvas' }) 4 .then(function (frameData) { 5 document.body.appendChild(frameData[0].getImage()); 6 }).catch(console.error.bind(console));
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 1/29 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 2 are checked with a SAST tool
Reason
43 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
- Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
- Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-wg6g-ppvx-927h
- Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2
- Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
- Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
- Warn: Project is vulnerable to: MAL-2023-462
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-w7q9-p3jq-fmhm
- Warn: Project is vulnerable to: GHSA-xvf7-4v9q-58w6
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
- Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Score
1.7
/10
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More