Updated sound wave controls.

Author: mikecao

src/displays/SoundWaveDisplay.js

@@ -19,6 +19,7 @@ export default class SoundWaveDisplay extends CanvasDisplay {
       height: DEFAULT_CANVAS_HEIGHT / 2,
       lineWidth: 1.0,
       wavelength: 0,
+      smoothingTimeConstant: 0,
       fill: false,
       taper: false,
       x: 0,
@@ -46,6 +47,14 @@ export default class SoundWaveDisplay extends CanvasDisplay {
         step: 0.01,
         withRange: true,
       },
+      smoothingTimeConstant: {
+        label: 'Smoothing',
+        type: 'number',
+        min: 0,
+        max: 0.99,
+        step: 0.01,
+        withRange: true,
+      },
       fill: {
         label: 'Fill',
         type: 'toggle',
@@ -114,6 +123,7 @@ export default class SoundWaveDisplay extends CanvasDisplay {
 
     if (changed) {
       this.wave.update(properties);
+      this.parser.update(properties);
     }
 
     return changed;
@@ -132,7 +142,7 @@ export default class SoundWaveDisplay extends CanvasDisplay {
       wavelength > 0 ? ~~(width / (wavelength * WAVELENGTH_MAX * width)) : width,
     );
 
-    wave.render(points, wavelength > 0.25);
+    wave.render(points, wavelength > 0.02);
 
     const origin = {
       x: width / 2,