Unleash your screenshots stored in Chrome Devtool timeline files
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
example
.gitignore
.npmignore
LICENSE
README.md
circle.yml
demo.gif
index.js
package.json

README.md

snapline

Circle CI

Unleash your screenshots stored in Chrome Devtool timeline files

demo

Features

  • Convert timeline to gif
  • Extract screenshots save in a timeline into a folder

Install

Before using snapline, please install imageMagick and ensure that your version of node is greater than 4.0.

npm install -g snapline

CLI usage

> snapline -h

Usage: snapline <timeline> [options]

Options:
--help        Show help                                              [boolean]
-o, --output  Output file name              [string] [default: "timeline.gif"]
-f, --fps     Number of frames per seconds            [number] [default: "10"]

Node usage

const snapline = require('../src')
const timeline = require('./my-awesome-timeline.json')

snapline.toGif(timeline)
  .then(gifPath => console.log(`The gif(t) is ready: ${gifPath}!`))

API

snapline.toGif(timeline[, options])

  • timeline <timelineEntry[]> - The parsed JSON content of the timeline file
  • options.output - path of the gif. default: ./timeline.gif
  • options.fps - Number of frames per seconds. default: 10

Returns a Promise that resolves with the path of the created gif

snapline.toImages(timeline[, options])

  • timeline <timelineEntry[]> - The parsed JSON content of the timeline file
  • options.output - folder path that will contains the screenshots. default: ./screenshots
  • options.fps - Number of frames per seconds. default: 10

Returns a Promise that resolves with the path of the path of the created directory

License

MIT. See /LICENSE

Owner

Pierre-Marie Dartus - @pmdartus