Warum werden Audioclicks/Popups angezeigt, wenn die Position eines PannerNodes schnell aktualisiert wird?

Question

Ich experimentiere seit einiger Zeit mit dem PannerNode und in Fällen, in denen ich die Position des Panners wiederholt mit requestAnimationFrame() oder setInterval() aktualisiere, habe ich festgestellt, dass Audio geklickt wird.

Warum passiert das und wie kann es gelöst werden?

Ich hatte gehofft, dass es mit der Einführung der Position als AudioParam behoben werden würde oder ich könnte das Problem umgehen, indem ich eine Rampe benutze. Ich habe versucht, die Position mit und ohne eine Rampe auf Chrome Canary und das Problem ist immer noch vorhanden.

Sie können es hören Sie selbst, hier: https://jsfiddle.net/txLke4fh/

-Code-Schnipsel:

var ctx = new AudioContext(); 
var osc = ctx.createOscillator(); 
var panner = ctx.createPanner(); 
var temp = true; 

osc.frequency.value = 220; 
osc.connect(panner); 

panner.panningModel = 'HRTF'; 
panner.setPosition(0, 0, 0); 
panner.connect(ctx.destination); 

osc.start(0); 
osc.stop(ctx.currentTime + 10); 

setInterval(function() { 
    if (temp) { 
    panner.setPosition(50, 0, 0); 
    temp = false; 
    } else { 
    panner.setPosition(-50, 0, 0); 
    temp = true; 
    } 
}, 100); 

EDIT: Es kann auf Chrome Canary zu beobachten, mit und ohne lineare Rampe.

var ctx = new AudioContext(); 
var osc = ctx.createOscillator(); 
var panner = ctx.createPanner(); 
var temp = true; 

osc.frequency.value = 220; 
osc.connect(panner); 

panner.panningModel = 'HRTF'; 
panner.positionX.value = 0; 
panner.connect(ctx.destination); 

osc.start(0); 
osc.stop(ctx.currentTime + 10); 

setInterval(function() { 
    if (temp) { 
    panner.positionX.linearRampToValueAtTime(50, ctx.currentTime + 0.01); 
    temp = false; 
    } else { 
    panner.positionX.linearRampToValueAtTime(-50, ctx.currentTime + 0.01); 
    temp = true; 
    } 
}, 1000); 

Answer 1

Sie machen eine sofortige Bewegung von einer Position zur anderen. Ich würde sicherlich einen Klick erwarten, abhängig davon, wo Sie sich bewegt haben.

Wenn Sie Chrome Canary haben, sollten Sie in der Lage sein, Automatisierung zu verwenden (aber verwenden Sie nicht setPosition(), die keine Automatisierung durchführt). Wenn Sie ein Beispiel dafür haben, wo es noch mit Automatisierung klickt, schreiben Sie es bitte; Ich würde gerne ein solches Beispiel sehen.