RefreshVideos/audio.html at master · dotimothy/RefreshVideos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<video id="src" width="640px" controls>
  <source src="https://dotimothy.github.io/RefreshVideos/media/duck.mp4">
</video>

<button onclick="bassBoost()">Bass Boost</button>
<button onclick="lively()">Lively</button>

<script>
  function bassBoost() {
    var context = new AudioContext(),
      audioSource = context.createMediaElementSource(document.getElementById("src")),
      filter = context.createBiquadFilter();
    audioSource.connect(filter);
    filter.connect(context.destination);

    filter.type = "lowshelf";
    filter.frequency.value = 200;
    filter.gain.value = 10;
  }

  function lively() {
    var context = new AudioContext(),
      audioSource = context.createMediaElementSource(document.getElementById("src")),
      filter = context.createBiquadFilter();
    audioSource.connect(filter);
    filter.connect(context.destination);

    filter.type = "highpass";
    filter.frequency.value = 400;
    filter.gain.value = 10;
  }

</script>