Как я могу сделать тиканье, как шум (часы), используя веб-аудио API - PullRequest
Новая
       38

Как я могу сделать тиканье, как шум (часы), используя веб-аудио API

0 голосов
/ 30 апреля 2020

Я начинаю с basi c whitenoise и хочу создать задержку, которая заставляет его включаться и выключаться через каждую секунду, как часы. Затем я собираюсь настроить шум с помощью различных фильтров, чтобы изменить шум.

В настоящее время у меня есть шум с фильтром низких частот, чтобы изменить частоту звучания шума. Может кто-нибудь помочь с моим следующим шагом, я впервые использую переполнение стека, извините, если я не дал достаточно информации.

Вот мой код:

html

<html>
  <input type="button" value="Start/Stop" id="StartStop">
  <input type="number"  min="1000" max="2000" value="1000" id="Filter">
  <script>
    let context= new AudioContext();
    StartStop.onclick = function() {
    if (context.state === 'suspended') context.resume();
    else context.suspend();
    }
    context.audioWorklet.addModule('mySound.js').then(() => {
      let myNoise = new AudioWorkletNode(context,'noise-generator');
      let myFilter = new AudioWorkletNode(context,'lowpass-filter',{parameterData:{frequency:1000}});
      Filter.oninput = function() {
        myFilter.parameters.get('frequency').value=this.value;
        FilterLabel.innerHTML = this.value ;
      }
      myNoise.connect(myFilter);
      myFilter.connect(context.destination);
    });
  </script>
</html>

javascropt 

registerProcessor('noise-generator',class extends AudioWorkletProcessor {
  process(inputs, outputs) {
    for (let i=0;i<outputs[0][0].length;++i)  outputs[0][0][i]=2*Math.random()-1;
    return true;
  }
});

registerProcessor('gain-processor',class extends AudioWorkletProcessor {
  // Custom AudioParams can be defined with this static getter.
  static get parameterDescriptors() { return [{name:'gain',defaultValue:0.1}] }
//  constructor() { super() }  // The super constructor call is required
  process(inputs, outputs, parameters) {
    const input = inputs[0],output = outputs[0];
    for (let channel=0;channel<inputs[0].length;++channel)
      for (let i=0;i<input[channel].length;++i) output[channel][i] = input[channel][i] * parameters.gain[0];
    return true;
  }
});

registerProcessor('lowpass-filter', class extends AudioWorkletProcessor {
  static get parameterDescriptors() { return [{name:'frequency',defaultValue:1000,minValue:0}]; }
  constructor() {
    super();
    this.lastOut = 0;
  }
  process(inputs, outputs, parameters) {
    let input = inputs[0],output = outputs[0],coeff;
    let frequency = parameters.frequency;
    for (let channel = 0; channel < output.length; ++channel) {
      let inputChannel = input[channel],outputChannel = output[channel];
      coeff = 2 * Math.PI * frequency[0] / sampleRate;
      for (let i = 0; i < outputChannel.length; ++i) {
        outputChannel[i]=inputChannel[i] * coeff +(1-coeff)*this.lastOut;
        this.lastOut=outputChannel[i];
      }
    }
    return true;
  }
});

1 Ответ

0 голосов
/ 01 мая 2020

Добро пожаловать в StackOverflow.

Во-первых, я бы уменьшил сложность, используя встроенные GainNode и BiquadFilterNode (или IIRFilterNode) вместо AudioWorkletNode для их реализации.

Чтобы шум выключался и включался каждую секунду, я использовал бы зацикленный AudioBufferSourceNode, чтобы создавать обычные клики выключения и включения и передавать их в gain AudioParam GainNode. Примерно так (полностью не проверено!): 

// Create buffer that's 1 sec long
let buffer = new AudioBuffer({sampleRate: context.sampleRate, length: context.sampleRate});
let data = buffer.getChannelData(0);
// Set the first few values of the buffer to 1.  You'll have to decide how many.
// This is basically a square wave with a short duty cycle.
data[0] = 1;

// Create the source that loops forever.
let tick = new AudioBufferSourceNode(context, {buffer: buffer});
tick.loop = true;

let gain = new GainNode(context, {gain: 0});
tick.connect(gain.gain);

// Start the source now.
tick.start();

// A Biquad filter instead of your worklet.  You'll have to choose the parameters.
let filt = new BiquadFilterNode(context);

// Connect up your noise source to the gain node, and connect the gain node
// to the destination:
myNoise.connect(filt).connect(gain).connect(context.destination);

Тик на короткое время равен 1, и это прибавляется к усилению GainNode. Следовательно, усиление узла составляет 1 для бита, а затем 0 для остального времени. Это применимо к вашему шуму, поэтому вы получаете выходной шум немного, а затем тишина.

Я думаю, это то, что вы просите.

...