blob: 82e627e6de5a912760975ebcf55137e73a56f9d9 (
plain)
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
|
<script src="Tone.min.js"></script>
<script>
var Frequency = "10.8 33 33.8 55 62.64 63 70 73.6 83 98.4 105 110 111 147 147.85 172.06 210.42 221.23 264 293 342 396 404 408 410 413 416 417 420.82 440 448 528 630 639 685 852 880 1052 12000".split(" ").map(function(n){ return parseFloat(n) }).reverse()
var audioCtx = new (window.AudioContext || window.webkitAudioContext)()
var oscillator = audioCtx.createOscillator()
var gainNode = audioCtx.createGain()
oscillator.connect(gainNode)
gainNode.connect(audioCtx.destination)
oscillator.type = 'sine'
oscillator.frequency.value = 2500
oscillator.start()
document.addEventListener("mousemove", function(e){
var x = e.pageX/window.innerWidth
var f = Frequency[ Math.floor( x * Frequency.length ) ]
console.log(f)
oscillator.frequency.value = f
})
</script>
|