I planning to build an online music visualizer but I cannot figure out how to generate high graphic visualization using this After Effects template - Visualization After Effects Template and similar others. How can I Edit this Template with my own text and audio. I want to make something like this - Website Example

I Found Some Visualization Example using Web Audio & p5js But They Were Not as Graphically Pleasing and I want to Streamline The Process By Using Existing AE Templates. I Was Not Able to Find Any Helpful Tutorial or Tool for this, So I am Here Looking for a Solution.

The Process -

1. User Makes API Request with Link of Audio (web address), Title and Subtitle.
2. The Video is Processed with the Data in the request and stored in a public access dir.
3. Link to The File is Sent Back to The User.

The Tech I Am Open to Use : ReactJS, Javascript, Python, Django, Nodejs.

Thanks for your time.

I planning to build an online music visualizer but I cannot figure out how to generate high graphic visualization using this After Effects template - Visualization After Effects Template and similar others. How can I Edit this Template with my own text and audio. I want to make something like this - Website Example

I Found Some Visualization Example using Web Audio & p5js But They Were Not as Graphically Pleasing and I want to Streamline The Process By Using Existing AE Templates. I Was Not Able to Find Any Helpful Tutorial or Tool for this, So I am Here Looking for a Solution.

The Process -

1. User Makes API Request with Link of Audio (web address), Title and Subtitle.
2. The Video is Processed with the Data in the request and stored in a public access dir.
3. Link to The File is Sent Back to The User.

The Tech I Am Open to Use : ReactJS, Javascript, Python, Django, Nodejs.

Thanks for your time.

• javascript
• python
• visualization
• video-processing
• after-effects

Share Improve this question Follow edited Aug 11, 2020 at 15:21 Shivam Kumar asked Aug 11, 2020 at 15:15 Shivam KumarShivam Kumar 8511 silver badge66 bronze badges 4

• Not clear... (1) You have Adobe After Effects and want to use it to render videos from user data? Or (2) you want to recreate the same visualization using Javascript? Anyways a template is just a text file so you edit it as you edit any text of a String variable. – VC.One Commented Aug 11, 2020 at 15:24
• I want to edit the template using javascript or python and render out a video file. The Things Needed to be edited - Audio and Some Text including title and subtitle – Shivam Kumar Commented Aug 11, 2020 at 15:28
• The First Option – Shivam Kumar Commented Aug 11, 2020 at 15:38
• (1) Decide which programming language you're going to use for this and update your question when stuck. (2) To get a fast answer, show what you want to change and how, show your code attempt for that and we'll try help to fix it. (3) If possible get a tool like Notepad++ and open your template there. It will show the text character positions then you can know which exact position your code should use to find the text you want to change. – VC.One Commented Aug 12, 2020 at 19:10

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Use NexRender

This Will Help To Edit and Render After Effects File. Read the Docs and Implement According to Your Need.

A more user friendly option, but a mercial one, would be Plainly Videos. Main benefit is that there is a Rest HTTP API that you could use once you upload and setup your After Effects projects. Thus, you don't actually do direct programming, but mainly municate with the API.

Just wanted to add this in addition to Shivam's answer: you can achieve this using Dataclay's tool Templater Bot for Adobe After Effects.