/html2screen

html2screen is mean to use HTML+CSS+JS as motion design tools.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

html2screen

html2screen export html animation to video file.

Usage

npm install
node export.js http://tobiasahlin.com/spinkit/ spinner.webm 1280x720 10s
  1. html2screen require npm modules listed in package.json
  2. Exported videos are stored in Downloads folder
  3. Specify bitrate to control quality of the exported video by adjusting videoBitsPerSecond property in background.js

Motivation

It's mean to use HTML+CSS+JS as motion designer tools.

It's inspired by html2print philosophy.

It's based on https://github.com/GoogleChrome/puppeteer and https://github.com/muralikg/puppetcam.

Sample video

html2screen

Changelog

  • Change Puppeteer version to 1.7
  • Add size and length parameter
  • Fix size parameter (setViewport, deviceScaleFactor)