DEV Community

Civan Özseyhan for Refine

Posted on • Edited on

12 4

Server-Side, data-driven animation & video rendering with nodejs.

In this demo, we created a nodejs application generating weather forecast videos on-the-fly.

The dynamic weather data is loaded as JSON and presented on web canvas with animations. Using the node-canvas library and ffmpeg, the same canvas animation is rendered on server and exported as an mp4 video file.

Edit on 31 Aug 2020:

The demo is now a fully working nodejs library. You can check it out from: https://github.com/pankod/canvas2video

Top comments (3)

Collapse
 
tdkn profile image
Shun Tedokon

Awesome!

I am very interested in implementation.

Is it possible to share source code?

Collapse
 
civanozseyhan profile image
Civan Özseyhan

It's a bit late, but we turned the project into a nodejs library. You can check it out from github.com/pankod/canvas2video, if you still need it :)

Collapse
 
meuequalsd profile image
Nirmal Krishna

Awesome I was looking for something like this lib, will read more and get back :)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay