Skip to content

This is a JavaScript audio visualizer that uses HTML5 `<canvas>` elements to create stunning visual representations of audio waveforms

Notifications You must be signed in to change notification settings

LePhenix47/Audio-Visualizer_Younes-Lahouiti

Repository files navigation

Audio Visualizer

Table of Contents

GitHub Pages link

To view the small web app, please visit this link: https://lephenix47.github.io/Audio-Visualizer_Younes-Lahouiti/

1. Description

The Audio Visualizer is a web application that allows you to upload an audio file and play it with a nice background effect. The application displays a progress bar with a timestamp that shows the current time and total time of the audio file.

2. Features

  • Upload and play an audio file
  • Visualize the audio with a background effect
  • Display a progress bar with a timestamp

3. Technologies Used

  • HTML
  • SASS
  • TypeScript

HTML5 Sass TypeScript

4. Usage

  1. Open the GitHub Pages link
  2. Click the "Authorize audio play" to allow the browser to get the audio context from audio
  3. Upload an audio file by either dropping the MP3 file in the dropzone or by clicking the dropzone and then upload the MP3 file
  4. Click on the play button to play the music
  5. Enjoy

5. Credits

This project was created by Younes Lahouiti.

6. License

This project is licensed under the MIT License.

About

This is a JavaScript audio visualizer that uses HTML5 `<canvas>` elements to create stunning visual representations of audio waveforms

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published