HTML5 Audio Spectrum Visualizer

A spectrum audio visualizer built with HTML5 audio API

利用技術: ドラッグ&ドロップ, JavaScript, HTML5, Canvas, Audio

  • 閲覧数 5145
  • コメント数 3


1.file drag and drop support, so you can both select files by clicking the input button or just drag a file to the page
2.requestAnimationFrame is needed to run this demo
3. this demo can't work on IE for Audio API is not supported by IE

3 件のコメントがあります。

Log in to add your own.

  1. chisaicoi によるコメント

    i like it vverry much . can you sharre for me
  2. Murphy1976 によるコメント

    Is it possible to use this demo with an already hard coded <audio> element? I'm looking around for a solution to display a functioning Audio Visualizer, like this, in Firefox.
  3. potixl によるコメント

    i am trying to make an app using a visualiser like this. Do you think this code will work to analyze the code while playing. I am trying to make a radio player and you that is a stream, not an actual file.

About this Demo

ソースをダウンロード 32.12 KB · ZIP ファイル

Browse the Source

このデモは Apache ライセンスの下で公開されています。

Wayou による他のデモ