1

我试图使用 gainNode 上的自动化为我的振荡器制作一个包络发生器，并且我希望能够在事件发生时触发包络（在这种情况下是单击按钮）。

但它似乎只在我第一次点击时才起作用。 http://jsfiddle.net/ehsanziya/T9mV2/

var context = new webkitAudioContext();
var osc = context.createOscillator();
var gain = context.createGainNode();
var now = context.currentTime;

osc.frequency.value = 100;
osc.type = "sine";
osc.connect(gain);
osc.noteOn(0);

gain.connect(context.destination);
gain.gain.value = 0;


var trigger = document.getElementById('play');

trigger.addEventListener('click', function(){
  gain.gain.setValueAtTime(gain.gain.value, now);
  gain.gain.linearRampToValueAtTime( 1.0, now + 2.0 );
  gain.gain.linearRampToValueAtTime ( 0.0, now + 4.0 );
});

为什么会这样？创建可由事件触发的包络生成器的最佳方法是什么？

4

2 回答 2

2

只需在单击事件侦听器中移动检索 context.currentTime 的行。

trigger.addEventListener('click', function(){
  var now = context.currentTime;
  ...

currentTime 属性公开音频时钟，因此实时更新。

于 2013-04-08T05:36:33.593 回答
1

找到了解决方案。但是鉴于振荡器始终处于开启状态，应该有一种方法可以在每次触发振荡器时重置其相位（Phase Bashing）。

$(document).ready(function(){

var context = new webkitAudioContext();
var osc = context.createOscillator();
var gain = context.createGain();

osc.connect(gain);
gain.connect(context.destination);
osc.start(0);

gain.gain.value = 0;

var oscStart = function(){
var now = context.currentTime;
gain.gain.cancelScheduledValues( now );
gain.gain.setValueAtTime(gain.gain.value, now);
gain.gain.linearRampToValueAtTime(1 , now + 0.2);
};

var oscOff = function(){
var now = context.currentTime;
gain.gain.cancelScheduledValues( now );
gain.gain.setValueAtTime(gain.gain.value, now);
gain.gain.linearRampToValueAtTime(0 , now + 0.2);


};

$('#button').hover(oscStart , oscOff);


});

http://jsfiddle.net/ehsanziya/JJqNU/

于 2013-04-07T15:17:09.403 回答