Canvas Audio Visualizers

Closed Posted 3 years ago Paid on delivery
Closed Paid on delivery

Project background:

We have a php symfony backend

But we struggling on frontend, so that's the purpose to delegate this work

Goal:

We ask to make audio visualizer which can be exported in PNGs by frame to our backend.

This is the visualizer

[login to view URL]

We need to have the same visualizer with colours and glow effects around picture as seen in the video. (just these spotify, soundcloud and other social logos are not necessary)

I added files to get the cover picture and mp3.

Requirements:

1. background image or video can be taken from source folder

2. would be nice to have spite/ccapture for rendering (its not a must)

3. Export should be a button (if possible not to make real-time screen capturing, but something, that would export well, if the screen is changed after the button is clicked)

4. Option to export in two sizes:

A) 1080 x 1920px

B) 1920 x 1080px

5. Export length: It should export the whole song

6. Preview Button (start animation but don't export) (should be toggle button start-stop)

7. Is it possible to make canvas audio visualizer bars make responsive to size by width? Or we can adjust visualizer bars length by clicking on option for export

8. PNG frames should be sent to an api

9. Visualizer should react to audio

10. Audio file can be simply taken from source folder, or make an input if it's more convenient

JavaScript

Project ID: #27941184

About the project

1 proposal Remote project Active 3 years ago

1 freelancer is bidding on average €140 for this job

romansydorenko07

Hello , I can do it you hope in your timeline. I have good experience with Music software I am a full-stack developer with 10 years of experience. My skill is only Python, WordPress, PHP, MySQL, Magento, Laravel, Reac More

€140 EUR in 7 days
(2 Reviews)
1.6