diff --git a/Untitled-1.html b/Untitled-1.html
new file mode 100644
index 0000000..83335c5
--- /dev/null
+++ b/Untitled-1.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html>
+<head>
+<style>
+div#mp3_player{ width:500px; height:60px; background:#000; padding:5px; margin:50px auto; }
+div#mp3_player > div > audio{  width:500px; background:#000; float:left;  }
+div#mp3_player > canvas{ width:500px; height:30px; background:#002D3C; float:left; }
+</style>
+<script>
+// Create a new instance of an audio object and adjust some of its properties
+var audio = new Audio();
+audio.src = 'track1.mp3';
+audio.controls = true;
+audio.loop = true;
+audio.autoplay = true;
+audio.crossOrigin = "anonymous";
+// Establish all variables that your Analyser will use
+var canvas, ctx, source, context, analyser, fbc_array, bars, bar_x, bar_width, bar_height;
+// Initialize the MP3 player after the page loads all of its HTML into the window
+window.addEventListener("load", initMp3Player, false);
+function initMp3Player(){
+	document.getElementById('audio_box').appendChild(audio);
+	context = new AudioContext(); // AudioContext object instance
+	analyser = context.createAnalyser(); // AnalyserNode method
+	canvas = document.getElementById('analyser_render');
+	ctx = canvas.getContext('2d');
+	// Re-route audio playback into the processing graph of the AudioContext
+	source = context.createMediaElementSource(audio); 
+	source.connect(analyser);
+	analyser.connect(context.destination);
+	frameLooper();
+}
+// frameLooper() animates any style of graphics you wish to the audio frequency
+// Looping at the default frame rate that the browser provides(approx. 60 FPS)
+function frameLooper(){
+	window.requestAnimationFrame(frameLooper);
+	fbc_array = new Uint8Array(analyser.frequencyBinCount);
+	analyser.getByteFrequencyData(fbc_array);
+	ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas
+	ctx.fillStyle = '#00CCFF'; // Color of the bars
+	bars = 100;
+	for (var i = 0; i < bars; i++) {
+		bar_x = i * 3;
+		bar_width = 2;
+		bar_height = -(fbc_array[i] / 2);
+		//  fillRect( x, y, width, height ) // Explanation of the parameters below
+		ctx.fillRect(bar_x, canvas.height, bar_width, bar_height);
+	}
+}
+</script>
+</head>
+<body>
+<div id="mp3_player">
+  <div id="audio_box"></div>
+  <canvas id="analyser_render"></canvas>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/track1.mp3 b/track1.mp3
new file mode 100644
index 0000000..e7cd0ad
Binary files /dev/null and b/track1.mp3 differ
