CasparCG html-graphics-boilerplate

Setup new project

  • git clone https://github.com/CasparCG/html-graphics-boilerplate.git
  • cd html-graphics-boilerplate
  • git remote set-url origin https://github.com/USERNAME/REPOSITORY.git
  • modify package.json
  • npm i

Development

  • npm run dev
  • open http://localhost:8080 or CG 1 ADD http://localhost:8080/index.html 1

Building

  • npm run build-unix on Unix and npm run build-win for Windows.
  • Files are written to dist

Emulating Caspar

Templates in Caspar will ignore web security features, such as blocking responses with empty Access-Control-Allow-Origin headers from being handled in code. To emulate this, you can disable web security features in your local browser using e.g. --args --disable-web-security.