Skip to content

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

License

Notifications You must be signed in to change notification settings

lexxwork/html2screen

 
 

Repository files navigation

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)

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%