Processing 将使用麦克风输入的处理草图导出到网页

我正在尝试使用processing.js使我的处理草图在线工作。当我只使用一个非常简单的处理草图时，它工作得很好，但当我尝试将实际代码上传到服务器时，它不工作

我知道我的代码非常混乱，但我现在没有时间清理，我只想在浏览器中显示它

这是我的密码：

`

/*的OpenProcessing调整*@*http://www.openprocessing.org/sketch/5488*@* */
/* !不要删除上面的行，如果您再次上传，链接您的调整所需的行*/
进口ddf.微量。*；
进口ddf.微量分析。*；
输入ddf最小信号。*；
极小极小；
音频输入；
FFT；
浮动频率amp=0；
浮动频率=0；
int timerCounter=0；
/*@pjs preload=“picture.jpg”*/
皮马杰；
图像噪声；
无效设置（）
{
尺寸（6401136，P2D）；
帧率（1）；
img=加载图像（“DD.jpg”）；
最小值=新的最小值（本）；
minim.debugOn（）；
背景（img）；
仰泳（）；
//从Minim获取一行，默认位深度为16
in=最小值getLineIn（最小值立体声，1024）；
fft=新的fft（in.bufferSize（），in.sampleRate（））；
}
作废提款（）
{
fft.window（fft.HAMMING）；
println（）；
对于（int i=0；i最大频率放大器和fft.getBand（i）>2）
{
//println（最大频率放大器）；
loudestFreqAmp=fft.getBand（i）；
//println（fft.getBand（i））；
loudestFreq=i*4；
println（i）；
//正弦设置频率（最响亮的频率）；
//填充（最响亮的频率*1,30-最响亮的频率，最响亮的频率*20,30）；
中频（最大频率<10）
{
rect（随机（0，宽度）、随机（0，高度）、最响亮的频率放大器、最响亮的频率放大器）；
}
其他的
{
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（0）；
椭圆（随机（0，宽度），随机（0，高度），1,1）；
填充（3）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
填充（6）；
椭圆（随机（0，宽度），随机（0，高度），2,2）；
//椭圆（loadestfreqamp，loadestfreqamp，random（1，宽度），random（1，高度））；
}
时间计数器=0；
}
}
最大频率amp=0；
//绘制波形
/*对于（int i=0；i=90）
{
//println（“Clr屏幕”）；
填充（255、255、255，（计时器计数-90）*2）；
矩形（0，0，宽度，高度）；
//点（宽度、高度）；
}
}
无效停止（）
{
//使用完Mini audio类后，请始终关闭它们
in.close（）；
最小停止（）；
super.stop（）；
}

这是因为minim（以及大多数处理库）是用Java制作的。当你

/* OpenProcessing Tweak of *@*http://www.openprocessing.org/sketch/5488*@* */
/* !do not delete the line above, required for linking your tweak if you upload again */
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.signals.*;

Minim minim;
AudioInput in;
FFT fft;

float loudestFreqAmp = 0;
float loudestFreq = 0;
int timerCounter = 0;

/* @pjs preload="picture.jpg"; */
PImage img;
PImage noise;

void setup()
{
 size(640, 1136, P2D);
 frameRate(1);

 img = loadImage("DD.jpg");



 minim = new Minim(this);
 minim.debugOn();
 background(img);


 noStroke();
 // get a line in from Minim, default bit depth is 16
 in = minim.getLineIn(Minim.STEREO, 1024);
 fft = new FFT(in.bufferSize(), in.sampleRate());

}


void draw()
{


 fft.window(FFT.HAMMING);

 println();
 for(int i = 0; i < fft.specSize(); i++)
 {

   // draw the line for frequency band i, scaling it by 4 so we can
   //see it a bit better
   //line(i, height, i, height - fft.getBand(i)*4);

   // hvis fft.getBand(i) større end loudestFregAmp og fft.getBand(i) større end 10)
   if (fft.getBand(i) > loudestFreqAmp && fft.getBand(i) > 2)
   {
     //println(loudestFreqAmp);
     loudestFreqAmp = fft.getBand(i);

     //println(fft.getBand(i));


     loudestFreq = i * 4;

    println(i);
     //sine.setFreq(loudestFreq);


     //fill(loudestFreq * 1, 30 - loudestFreq, loudestFreq * 20, 30 );
     if(loudestFreq < 10)
     {
       rect(random(0,width), random(0,height), loudestFreqAmp, loudestFreqAmp);   
     }
     else
     {
         fill(0);
      ellipse(random(0,width), random(0,height),1,1);
        fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

           fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

     fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

           fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);
      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

           fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

     fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

           fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);

      fill(0);
      ellipse(random(0,width), random(0,height),1,1);

      fill(3);
    ellipse(random(0,width), random(0,height),2,2);


      fill(6);
    ellipse(random(0,width), random(0,height),2,2);
    //ellipse(loudestFreqAmp, loudestFreqAmp, random(1,width), random(1,height) );




 }


     timerCounter = 0;
   }
 }
 loudestFreqAmp = 0;

 // draw the waveforms
 /*  for(int i = 0; i < in.bufferSize() - 1; i++)
  {
  line(i, 50 + in.left.get(i)*50, i+1, 50 + in.left.get(i+1)*50);
  line(i, 150 + in.right.get(i)*50, i+1, 150 + in.right.get(i+1)*50);
  }*/

 fft.forward(in.mix);
 timerCounter++;
 if(timerCounter >= 90)
 {
   //println("Clr screen");
   fill(255, 255, 255, (timerCounter - 90) * 2);
   rect(0, 0, width, height);
  // point(width, height);
 }

}



void stop()
{
 // always close Minim audio classes when you are done with them
 in.close();
 minim.stop();

 super.stop();
}