/visualizer

A JavaScript app that utilizes Web Audio API to stream audio and HTML5 canvas to visualize audio files.

Primary LanguageJavaScript

JavaScript Audio Visualizer

Visualizer Live

Background

An audio visualizer built using JavaScript and HTML5 Canvas.

Architecture and Technologies

  • HTML5/CSS3
  • HTML5 Canvas
  • JavaScript

Web audio API

The Web Audio API provides a powerful and versatile system for controlling audio on the Web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more. https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API

Audio visualizer

The AnalyserNode interface represents a node able to provide real-time frequency and time-domain analysis information. It is an AudioNode that passes the audio stream unchanged from the input to the output, but allows you to take the generated data, process it, and create audio visualizations. https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode