html2screen
html2screen copied to clipboard
html2screen is mean to use HTML+CSS+JS as motion design tools.
html2screen
html2screen export html animation to video file.
Usage
npm install
node export.js http://tobiasahlin.com/spinkit/ spinner.webm 1280x720 10s
- html2screen require npm modules listed in package.json
- Exported videos are stored in Downloads folder
- Specify bitrate to control quality of the exported video by adjusting
videoBitsPerSecond
property inbackground.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
Changelog
- Change Puppeteer version to 1.7
- Add size and length parameter
- Fix size parameter (setViewport, deviceScaleFactor)