JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<audio controls>
  <source src="http://www.w3schools.com/html/horse.ogg" type="audio/mpeg">
</audio>

JavaScript

//equilizer to boost the frequency
//filters
window.AudioContext = window.AudioContext||window.webkitAudioContext;
var audioContext = new AudioContext();
var osc = audioContext.createOscillator();
var oscGain = audioContext.createGain();
var filter = audioContext.createBiquadFilter();

filter.type = "highshelf";
filter.frequency.value = 0;
filter.Q.value=10

osc.connect(oscGain);
oscGain.connect(filter);
filter.connect(audioContext.destination);

osc.start(audioContext.currentTime);

setTimeout(function() {
	osc.stop()
},500);

/*Low pass filter
High pass filter
Band pass filter
Low shelf filter
High shelf filter
Peaking filter
Notch filter
All pass filter*/

//bandwidth is denoted with Q
//audioContext stores each audio in an independent buffer
//access to audio hardware timing clock and quick access to files