https://github.com/ag-sanjjeev/app-audio-visualizer

This is a JavaScript Tool that will create beautiful animations for an uploaded audio file.
https://github.com/ag-sanjjeev/app-audio-visualizer

audio audio-visualizer canvas canvasjs html-css-js javascript video video-maker

Last synced: 5 days ago
JSON representation

This is a JavaScript Tool that will create beautiful animations for an uploaded audio file.

• Host: GitHub
• URL: https://github.com/ag-sanjjeev/app-audio-visualizer
• Owner: ag-sanjjeev
• License: mit
• Created: 2024-07-07T13:30:28.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-10-16T12:30:13.000Z (3 months ago)
• Last Synced: 2025-01-21T07:09:20.340Z (5 days ago)
• Topics: audio, audio-visualizer, canvas, canvasjs, html-css-js, javascript, video, video-maker
• Language: JavaScript
• Homepage: https://arathinai.blogspot.com/p/audio-visualizer.html
• Size: 14.6 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AUDIO VISUALIZER

This is a JavaScript tool that will create beautiful animations for an uploaded audio file.

## ⚑ Purpose

This repository contains project that will make beautiful audio visualization for an uploaded audio file. Which captures that animation into video file as if needed...

## ⚑ Features

This project has following features that can be usable:

1. This can create various audio visualization.

2. You can adjust Width and Height of video resolution as per requirements.

3. You can set animation scale to resize and scale the visualization effects.

4. You can set FPS for video export.

5. You can set dynamic color or fixed color for the visualizer animations.

6. You can set background color for the animations.

7. You can play and pause the visualization.

8. You can start and stop record the visualization into a video file.

9. You can set full screen playback for the visualization.

10. This will remember you previous settings when the page loads.

## ⚑ Key Points:

1. Choose around 50+ visualization types for an uploaded audio file.

2. Change the FFT Band Size to see the additional number of visualization to an audio. If you face any lag then keep low level.

3. Try different Animation scale to scale it.

## ⚑ How to use

To use this project. Following these steps:

1. You can navigate to the demo link [AUDIO VISUALIZER](https://arathinai.blogspot.com/p/audio-visualizer.html).

**Or If you want run on you system then follow these steps:**

1. First, Clone this project repository or download it in your system.

2. Extract if you downloaded rather than cloned

3. Navigate to the project folder.

4. Find `index.html` file.

5. Open by your system context menu options or by hit enter or by double click it.

This will opens in your default browser to run. 

## ⚑ Requirements:

1. Need JavaScript Enabled Web Browser to run.

2. Make sure before running this project that you have enabled JavaScript.

3. Internet connection is need to load third-party styles.

## ⚑ Conclusion

This is a basic HTML Canvas Audio Visualization using JavaScript and This will play animation for an uploaded audio file. Finally, you can export it for your needs.

## ⚑ Contribution

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request. Make sure to follow the existing coding style and provide clear documentation for your changes.

## ⚑ License

This project licensed under the [MIT license](LICENSE). Feel free to use, modify, and distribute it as per the terms of the license.

## ⚑ Contact

If you have any questions or need further assistance, please feel free to reach me by referring [My Github Profile](https://github.com/ag-sanjjeev/)

Thanks for reviewing this project!