Skip to content

An audio visualizer built using HTML, CSS, and plain JavaScript. Web Audio API was ised to analyze audio frequencies in real-time and dynamically update a grid-based visualization based on the intensity of different frequency bands. User can upload his own audio files or select from a predefined list os songs chosen by me.

Notifications You must be signed in to change notification settings

adiletbaimyrza/audio_visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Audio Equalizer: JS + CSS + HTML

An audio visualizer built using HTML, CSS, and plain JavaScript. Web Audio API was ised to analyze audio frequencies in real-time and dynamically update a grid-based visualization based on the intensity of different frequency bands. You can upload your own audio or select from a predefined list os songs chosen by me. screenshot of a audio equalizer app

Postscriptum

This application was given as a task during the selection process for the position of JavaScript Developer Intern in one of the Polish IT companies.

Task description:

In this test task you need to create an html page that contains grid and the ability to upload an audio file. Once the file is uploaded, it should be possible to play it. The grid should respond to sound waves and display them in some color. You are free to choose the grid size, number of cells, colors, and file extensions. Knowledge of frameworks is not essential for us and therefore we expect that the task will be completed using HTML/CSS/JS. If you are familiar with any framework, you can use them, but it does not provide any advantages at this stage. Please upload the final result to GitHub and share the link with us.

About

An audio visualizer built using HTML, CSS, and plain JavaScript. Web Audio API was ised to analyze audio frequencies in real-time and dynamically update a grid-based visualization based on the intensity of different frequency bands. User can upload his own audio files or select from a predefined list os songs chosen by me.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published