GithubHelp home page GithubHelp logo

kylefinley / nexrender-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

This project forked from inlife/nexrender-boilerplate

0.0 2.0 0.0 2.96 MB

Boilerplate project for rendering a video using nexrender.

License: MIT License

JavaScript 100.00%

nexrender-boilerplate's Introduction

nexrender-boilerplate

Boilerplate project for rendering a video using nexrender.

In case you are not familiar with nexrender i invite you to read more about at: https://github.com/Inlife/nexrender

This example shows you how to use nexrender locally (without setting up whole network) as a tool for creating dynamic personalized videos. In this example I use a real template that I made for a YouTube video channel I manage: Noxcaos Music. (most of those videos are made using nexrender).

Current template showcases changes for:

  • background image
  • background color overlay
  • current playing track name
  • current playing track artist(s)
  • current track in tracklist indicator
  • current track progress

Super important:

If you want to make changes to a template, please note that Adobe After Effects has a "bug":

If you are making changes and save the project, Adobe After Effects will store paths to related assets. But it will try to access them by absolute paths first, and then, if it can't find them, will fallback to relative paths.

So if you saved a project in some folder /Users/me/prj/, the aerender binary at render runtime will try to search for the asset files in that folder first and as result won't use asset substitution at all. So I recommend you either delete the assets in that folder (/Users/me/prj/) or move/rename this folder. This will force aerender to search for files in relative context (near the project file), which is just what we need!

Installation/Usage

You need to have node.js >= 4 and npm installed. And Adobe After Effects (obviously).

Note: dont forget to configure AE outputModule to your needs: details. Usually i use h264 output codec and call the outputModule respectively.

  1. download or clone repo ($ git clone https://github.com/Inlife/nexrender-boilerplate.git)
  2. install dependencies ($ npm install)
  3. configure start.js script; set path to your aerender binary
  4. start rendering ($ node start.js)
  5. success ?

nexrender-boilerplate's People

Contributors

inlife avatar southernsun avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.