anishkny / webgif Goto Github PK

View Code? Open in Web Editor NEW

103.0 4.0 16.0 94 KB

Easily generate animated GIFs from websites

Home Page: https://webgif.netlify.com

JavaScript 55.60% HTML 44.40%

gif puppeteer animated-gifs automation

webgif's Introduction

Easily generate animated GIFs from websites

Easy 👉 Just point it to a URL and get an animated GIF!
Cross-platform 👉 Works on Windows, Mac, Linux, without Docker!
Headless 👉 Uses GoogleChrome/puppeteer
Inspired 👉 By asciicast2gif and wanting to make it easier to use

Installation

yarn global add webgif || npm i -g webgif

Usage

To navigate to https://giphy.com/search/lol and make an animated GIF of duration 10 seconds, execute:

webgif -u https://giphy.com/search/lol -d 10

Navigating to URL: https://giphy.com/search/lol
Taking screenshots: .............
Encoding GIF: /home/user/web.gif

Options

webgif -u URL -d DURATION [-o OUTFILE]

Options:
  --url, -u       URL to generate GIF from
                                       [default: "https://giphy.com/search/lol"]
  --duration, -d  GIF duration in seconds                          [default: 10]
  --output, -o    Output file name
                             [default: "web.gif"]
  -h, --help      Show help                                            [boolean]
  -V, --version   Show version number                                  [boolean]

Sample GIF

How it works

Use Puppeteer to launch a headless Chrome window
Use setInterval to take screenshots and save them to disk
Navigate to target URL and wait for specified duration
Use gifencoder and png-file-stream to create animated GIF out of saved screenshots

See code: index.js

webgif's People

Contributors

Stargazers

Watchers

Forkers

lisiyizu kataki andrewwatterson huoyijie navinriyaz l2js iamappmaker bunceellc svirmi zhuhangan devbox10 mathieu-aubin gladiopeace crash13override ivandacruz iq-scm

webgif's Issues

Greenkeeper is no more

The service Greenkeeper har closed.

webgif/README.md

Line 7 in 795db65

 [![Greenkeeper badge](https://badges.greenkeeper.io/anishkny/webgif.svg)](https://greenkeeper.io/) 

Add variable to scroll while capturing

Would be incredible to pass a variable that scrolls the page as it captures, so you can capture websites with scrolling interactions, such as https://www.joinviolet.com/ or https://axios-cognite.webflow.io/.

An in-range update of showdown is breaking the build 🚨

The devDependency showdown was updated from `1.9.0` to `1.9.1`.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

showdown is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/appveyor/branch: AppVeyor build failed (Details).

Release Notes for 1.9.1 (2019-11-02)

1.9.1 (2019-11-02)

Bug Fixes

openLinksInNewWindow: add rel="noopener noreferrer" to links (1cd281f), closes #670

Dependecy update

yargs: update yargs to latest version ^14.2 (dae65c6)

Commits

The new version differs by 4 commits.

483e51f release 1.9.1
5cc3fcc update dev dependencies
1cd281f fix(openLinksInNewWindow): add rel="noopener noreferrer" to links
58208e5 update dependencies

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of mocha is breaking the build 🚨

Version 5.2.0 of mocha was just published.

Branch	Build failing 🚨
Dependency	`mocha`
Current Version	5.1.1
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

mocha is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

✅ continuous-integration/travis-ci/push The Travis CI build passed Details
❌ continuous-integration/appveyor/branch AppVeyor build failed Details

Release Notes

v5.2.0

5.2.0 / 2018-05-18

🎉 Enhancements

#3375: Add support for comments in mocha.opts (@plroebuck)

🐛 Fixes

#3346: Exit correctly from before hooks when using --bail (@outsideris)

📖 Documentation

#3328: Mocha-flavored API docs! (@Munter)

🔩 Other

#3330: Use Buffer.from() (@harrysarson)
#3295: Remove redundant folder (@DavNej)
#3356: Refactoring (@plroebuck)

Commits

The new version differs by 30 commits.

5bd33a0 Release v5.2.0
0a5604f reformat missed files
7c8f551 ensure scripts/*.js gets prettiered
d8ea2ba update CHANGELOG.md for v5.2.0 [ci skip]
7203ed7 update all dependencies
fb5393b migrate Mocha's tests to Unexpected assertion library (#3343)
fae9af2 docs(docs/index.md): Update "mocha.opts" documentation
9d9e6c6 feat(bin/options.js): Add support for comment lines in "mocha.opts"
e0306ff fix busted lint-staged config
f2be6d4 Annotate when exceptions are caught but ignored; closes #3354 (#3356)
889e681 remove dead code in bin/_mocha
8712b95 fix(ocd): re-order Node.js tests in .travis.yml (descending)
3ab0e7e fix to exit correctly when using bail flag
d87b12e add Node.js v10 to build; fix win32 issues (#3350)
b392af5 update package-lock.json for npm@6 [ci skip]

There are 30 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Select an Open Source License

This project is currently unlicensed and it is not possible to use it in any other projects without an explicit license from you. Please add an open source license, I suggest MIT

Cheers

An in-range update of shelljs is breaking the build 🚨

The devDependency shelljs was updated from `0.8.2` to `0.8.3`.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

shelljs is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/appveyor/branch: AppVeyor build failed (Details).
✅ continuous-integration/travis-ci/push: The Travis CI build passed (Details).
✅ coverage/coveralls: First build on greenkeeper/shelljs-0.8.3 at 100.0% (Details).

Commits

The new version differs by 20 commits.

d4d1317 0.8.3
db317bf Add test case for sed on empty file (#904)
0d5ecb6 docs(changelog): updated by Nate Fischer [ci skip]
6b3c7b1 refactor: don't expose tempdir in common.state (#903)
4bd22e7 chore(ci): fix codecov on travis (#897)
2b3b781 fix: silent exec (#892)
37acb86 chore(npm): add ci-or-install script (#896)
4e861db chore(appveyor): run entire test matrix (#886)
d079515 docs: remove gitter badge (#880)
4113a72 grep includes the i flag (#876)
8dae55f Fix(which): match only executable files (#874)
6d66a1a chore: rename some tests (#871)
131b88f Fix cp from readonly source (#870)
1dd437e fix(mocks): fix conflict between mocks and skip (#863)
72ff790 chore: bump dev dependencies and add package-lock (#864)

There are 20 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Investigate using oclif for CLI

https://github.com/oclif/oclif

Version 10 of node.js has been released

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

Added the new Node.js version to your .travis.yml
The new Node.js version is in-range for the engines in 1 of your package.json files, so that was left alone

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

More information on this issue

Greenkeeper has checked the engines key in any package.json file, the .nvmrc file, and the .travis.yml file, if present.

engines was only updated if it defined a single version, not a range.
.nvmrc was updated to Node.js 10
.travis.yml was only changed if there was a root-level node_js that didn’t already include Node.js 10, such as node or lts/*. In this case, the new version was appended to the list. We didn’t touch job or matrix configurations because these tend to be quite specific and complex, and it’s difficult to infer what the intentions were.

For many simpler .travis.yml configurations, this PR should suffice as-is, but depending on what you’re doing it may require additional work or may not be applicable at all. We’re also aware that you may have good reasons to not update to Node.js 10, which is why this was sent as an issue and not a pull request. Feel free to delete it without comment, I’m a humble robot and won’t feel rejected 🤖

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

anishkny / webgif Goto Github PK

webgif's Introduction

Easily generate animated GIFs from websites

Installation

Usage

Options

Sample GIF

How it works

webgif's People

Contributors

Stargazers

Watchers

Forkers

webgif's Issues

The devDependency showdown was updated from 1.9.0 to 1.9.1.

1.9.1 (2019-11-02)

Bug Fixes

Dependecy update

Version 5.2.0 of mocha was just published.

5.2.0 / 2018-05-18

🎉 Enhancements

🐛 Fixes

📖 Documentation

🔩 Other

The devDependency shelljs was updated from 0.8.2 to 0.8.3.

Version 10 of Node.js (code name Dubnium) has been released! 🎊

Recommend Projects

Recommend Topics

Recommend Org

The devDependency showdown was updated from `1.9.0` to `1.9.1`.

The devDependency shelljs was updated from `0.8.2` to `0.8.3`.