detune | TrueDepth Music Experience for iOS -- ARKit | Augmented Reality library

The Gain- and PannerNodes have min and max values. Control your input so that those ranges are honored. But the problem lies elsewhere.

The problem you are describing sounds like the browser doesn't allow the AudioContext (used by Tone.js) to start without any user interaction. Unfortunately 'mouseover' and 'mouseout' events do not count as a user interaction.

Therefore you would need to add a button somewhere which activates the AudioContext on click events. There is a short description in the README of Tone.js which describes how that can be done.

The mechanism which controls if an AudioContext can start on its own or has to be activated by a user interaction is usually called autoplay policy. It is possible to disable that policy on specific sites. Chrome for example also maintains a list of sites which have played audio in the past to allow sites that get heavily used to play audio without any user interaction. I guess this is the case for https://codepen.io/ on your computer.

The autoplay policy does usually also have no effect when running code with the help of the dev tools which is probably why that works for you as well.

The default for an OscillatorNode frequency is 440, but you're setting the default offset to 160.

The main problem here is that Frequency Tracker node is not part of the signal chain. AudioKit (and Apple's underlying AVAudioEngine) works on a pull model in that audio will not be pulled through a node unless it is requested by a downstream node. This basically means everything up from the AudioKit.output node will get bytes pulled through them.

However, here, the reverb is made to be the output, so the tracker itself doesn't get any data coming through it. Changing it to AudioKit.output = amplitudeTracker will get the data going through the node.

The amplitudeTracker acts as a passthrough so the audio comes through as well. If you would not want the audio, you'd then stick the output of the tracker through a booster which would lower the volume down to zero.

For anyone running in the same kind of problem, here is the solution I came across.

So like Patrick Evans said, I made a mistake by assigning .setItem() to a variable, even though .setItem() doesn't return any value. So I just always create a new empty array when I click after the resfresh (in the new session). But that is not enough. Now I was running into a problem, where I was trying to push values into non-existing array and getting null error. I changed my click handler to:

Looks like these lines inside updatePitch() are problems:

It turned out there were 3 things I needed to fix:

1. including the tag in the , i.e. changing it to this: