Recently I have been doing some fiddling around with the Web Audio API for the audio player on img.baconics.com and I have to say, one can do some pretty cool things with it; one of those things being audio visualization with a little help from the Canvas API.
The HTML
The HTML is pretty straighforward, all we really need is the <audio> and <canvas> elements.
The JavaScript
First we need to create the audio context, connect an analyser node and get our source media. For the sake of simplicity we will just be using a... (Show More)
Last edited 10:32 PM (UTC) on 19/05/2016 by Bacon.
The HTML
The HTML is pretty straighforward, all we really need is the <audio> and <canvas> elements.
<!DOCTYPE HTML>
<html>
<head>
<script type="application/javascript">
<!--
THE JAVASCRIPT WILL GO HERE
//-->
</script>
</head>
<body>
<audio id="media" controls >
<source src="audio.mp3" type="audio/mpeg" />
Your browser does not support HTML audio.
</audio>
<canvas id="visualizer" width="400" height="200" />
</body>
</html>
The JavaScript
First we need to create the audio context, connect an analyser node and get our source media. For the sake of simplicity we will just be using a... (Show More)
Pandora Jewelry Official Site http://www.jewelrypandora.org/
Pandora Jewelry http://www.jewelrypandora.org/
Yeezy http://www.yeezy-shoes.in.net/
Yeezy http://www.yeezy700.org.uk/