a couple more fixes

Author: ArdenButterfield

slider.js

@@ -172,7 +172,7 @@ class SampleRateSlider extends RangedSlider{
     this.name ="Sample Rate(Hz):";
     this.propName="downsamplingFactor";
     this.min = p.log(3000)/p.log(2);
-    this.max =  p.log(48000)/p.log(2);
+    this.max =  p.log(WEBAUDIO_MAX_SAMPLERATE)/p.log(2);
     this.initial = p.log(48000)/p.log(2);
     this.step = 0.1
     this.makeSlider(p);

waves.js

@@ -485,7 +485,7 @@ function antiImagingFilter(settings, fft, playback) {
   let reconstructed = playback ? settings.buffers.reconstructed.playback : settings.buffers.reconstructed.display;
 
   // render reconstructed wave by low pass filtering the zero stuffed array----
-  const freq = (settings.reconstructionFilterFrequency > 0)
+  const freq = (settings.reconstructionFilterFrequency >= 0)
     ? settings.reconstructionFilterFrequency
     : (WEBAUDIO_MAX_SAMPLERATE / settings.downsamplingFactor) / 2;
 

widget.js

@@ -113,21 +113,6 @@ let sliderIdLookups = {
 function createWidgets() {
   let settings = getDefaultSettings();
 
-  const sections = document.getElementsByClassName('section');
-  for (const section of sections) {
-    if (section.id === "input-section") {
-      settings.renderStages.push(renderOriginal);
-    } else if (section.id === "delta-sigma-section") {
-      settings.renderStages.push(renderDeltaSigma);
-    } else if (section.id === "filter-section") {
-      settings.renderStages.push(applyAntialiasingFilter);
-    } else if (section.id === "samplerate-section") {
-      settings.renderStages.push(downsampleWithQuantization)
-    } else if (section.id === "reconstructed-section") {
-      settings.renderStages.push(antiImagingFilter);
-    }
-  }
-
   const collapseButtons = document.getElementsByClassName("collapse-button");
   for (const button of collapseButtons) {
     button.textContent = "_";
@@ -168,7 +153,6 @@ function createWidgets() {
     if (id in sliderIdLookups) {
       const sketch = p => {
         p.sliderObject = new sliderIdLookups[id]();
-
         p.setup = function () {
           let canvas = p.createCanvas(500, 50);
           p.textAlign(p.CENTER);
@@ -182,6 +166,23 @@ function createWidgets() {
     }
   }
 
+  const sections = document.getElementsByClassName('section');
+  for (const section of sections) {
+    if (section.id === "input-section") {
+      settings.renderStages.push(renderOriginal);
+    } else if (section.id === "delta-sigma-section") {
+      settings.renderStages.push(renderDeltaSigma);
+
+    } else if (section.id === "filter-section") {
+      settings.renderStages.push(applyAntialiasingFilter);
+    } else if (section.id === "samplerate-section") {
+      settings.renderStages.push(downsampleWithQuantization)
+    } else if (section.id === "reconstructed-section") {
+      settings.renderStages.push(antiImagingFilter);
+    }
+  }
+
+
   const playButtons = document.getElementsByClassName('play-button');
 
   function buttonPlayFunction(buffer) {