操纵声音p5.js或processing.js

时间:2017-08-18 14:51:40

标签: javascript java processing p5.js

我花了几个小时与我的新手处理知识试图将Processing程序变成在线等同于学生。我正在寻求群众的帮助!

最大的问题是在processing.js或p5.js中没有Minim库。换句话说,我希望下面的程序能够在OpenProcessing.org中运行。音频处理程序允许学生

我觉得我已经在http://processingjs.org/reference/https://p5js.org/reference/#/libraries/p5.sound进行了广泛的梳理而无济于事。

重要的事情发生在myEffect课程中。 process()函数将一个样本数组读入内存,并逐个处理每个样本。我想在openprocessing.org中复制该功能。学生改变的路线是

newSamp[j] = samp[j];

类似

newSamp[j] = samp[j] * 2;

然后解释它是如何改变声音的。

以下是原始处理表格中的程序:

import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;
AudioPlayer song;
float[] oldSamp;
String songFileName = "BasicDrum.mp3";
final int BUFFERSIZE = 4096;

void setup()
{
  size(640,200);
  stroke(255);
  textSize(32);

  minim = new Minim(this);
  song = minim.loadFile(songFileName, BUFFERSIZE); 
  song.addEffect(new MyEffect());
  oldSamp = new float[song.bufferSize()];
  song.play(); 
}


void draw()
{
  /* Draw the Visualizer */
  background(0);
  fill(#BBBB00);
  text("Mono Channel", 50, 50);
  for (int i = 0; i < song.bufferSize() - 1; i++)
  {
    line(i, 100 + song.left.get(i)*100, i+1, 100 +song.left.get(i+1)*100);
  }
}

class MyEffect implements AudioEffect
{

  void process(float[] samp)
  {
    float[] newSamp = samp.clone();  //create a copy to alter
    int j = 0; 
    while (j < newSamp.length)
    {
      newSamp[j] = samp[j];          /* HERE is where we alter each sample */
      j = j + 1;
    }
    oldSamp = samp.clone();          //save a copy of this for later
    // we have to copy the values back into samp for this to work
    arrayCopy(newSamp, samp);
  }

  void process(float[] left, float[] right) 
  //stereo has left and right channels
  {
    float[] average = left; 
    for (int i = 0; i < left.length; i++)
      {    
        average[i] = (left[i] + right[i])/2.0;
      }
    process(average);
  }
}

感谢您提供任何指导!

1 个答案:

答案 0 :(得分:0)

您无法直接将这个逐行从Processing转换为Processing.js或P5.js,就像您发现没有JavaScript版本的Minim一样。 (嗯,有,但它已经很老了。)

(退一步说,你不应该尝试逐行逐行将代码从一种语言翻译成另一种语言。)

相反,您需要做的是代码执行什么,然后找出如何使用目标语言(在您的情况下,JavaScript)中执行此操作。

我首先使用Google搜索“p5.js sound”或“processing.js sound”或“JavaScript sound”。同样,您的目标是弄清楚如何在JavaScript中播放声音,而不是逐行重新创建Minim。

另见: