npm - @logue/reverb - Versions diffs - 0.4.6 → 0.5.0 - Mend

@logue/reverb 0.4.6 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/README.md +85 -64
package/dist/reverb.es.js +188 -0
package/dist/reverb.umd.js +10 -0
package/package.json +59 -45
package/types/Meta.d.ts +4 -0
package/types/Meta.d.ts.map +1 -0
package/types/NoiseType.d.ts +14 -0
package/types/NoiseType.d.ts.map +1 -0
package/types/Reverb.d.ts +118 -0
package/types/Reverb.d.ts.map +1 -0
package/{src/interfaces/MetaInterface.ts → types/interfaces/MetaInterface.d.ts} +2 -3
package/{dist → types}/interfaces/MetaInterface.d.ts.map +1 -1
package/{src/interfaces/OptionInterface.ts → types/interfaces/OptionInterface.d.ts} +3 -5
package/types/interfaces/OptionInterface.d.ts.map +1 -0
package/.eslintignore +0 -4
package/.eslintrc.js +0 -21
package/.gitattributes +0 -1
package/.prettierrc.js +0 -3
package/bin/reverb.js +0 -434
package/bin/reverb.js.map +0 -1
package/bin/reverb.min.js +0 -2
package/bin/reverb.min.js.LICENSE.txt +0 -11
package/dist/Meta.d.ts +0 -4
package/dist/Meta.d.ts.map +0 -1
package/dist/Meta.js +0 -9
package/dist/Meta.js.map +0 -1
package/dist/NoiseType.d.ts +0 -7
package/dist/NoiseType.d.ts.map +0 -1
package/dist/NoiseType.js +0 -12
package/dist/NoiseType.js.map +0 -1
package/dist/Reverb.d.ts +0 -114
package/dist/Reverb.d.ts.map +0 -1
package/dist/Reverb.js +0 -333
package/dist/Reverb.js.map +0 -1
package/dist/interfaces/MetaInterface.d.ts +0 -10
package/dist/interfaces/MetaInterface.js +0 -3
package/dist/interfaces/MetaInterface.js.map +0 -1
package/dist/interfaces/OptionInterface.d.ts +0 -27
package/dist/interfaces/OptionInterface.d.ts.map +0 -1
package/dist/interfaces/OptionInterface.js +0 -3
package/dist/interfaces/OptionInterface.js.map +0 -1
package/docs/demo.wav +0 -0
package/docs/index.html +0 -377
package/docs/localaudio.html +0 -718
package/docs/reverb.js +0 -434
package/docs/reverb.js.map +0 -1
package/src/Meta.ts +0 -8
package/src/NoiseType.ts +0 -7
package/src/Reverb.ts +0 -368
package/tsconfig.json +0 -32
package/webpack.config.ts +0 -102

package/docs/index.html DELETED Viewed

@@ -1,377 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="h-100">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-  <meta name="description" content="Reverb effect written in JavaScript." />
-  <meta name="author" content="Masashi Yoshikawa" />
-  <!-- ogp -->
-  <meta property="og:title" content="JavaScript Reverb Effect Test" />
-  <meta property="og:type" content="article" />
-  <meta property="og:url" content="https://logue.github.io/Reverb.js/" />
-  <meta property="og:image"
-    content="https://repository-images.githubusercontent.com/194181712/20bdd780-9995-11e9-8811-42e3b44d1cec" />
-  <meta property="og:site_name" content="Logue's Lab" />
-  <meta property="og:description" content="Reverb effect written in JavaScript." />
-  <meta property="fb:app_id" content="129144050466298" />
-  <meta property="article:publisher" content="https://www.facebook.com/logue256" />
-  <meta name="twitter:card" content="Summary" />
-  <meta name="twitter:site" content="@logue256" />
-  <meta name="twitter:title" content="JavaScript Reverb Effect Test" />
-  <meta name="twitter:url" content="https://logue.dev/Reverb.js/" />
-  <meta name="twitter:description" content="Reverb effect written in JavaScript." />
-  <meta name="twitter:image"
-    content="https://repository-images.githubusercontent.com/194181712/20bdd780-9995-11e9-8811-42e3b44d1cec" />
-  <title>Reverb.js Demo</title>
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-33600926-1"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
-    gtag('config', 'UA-33600926-1');
-  </script>
-  <link rel="dns-prefetch" href="https://cdn.jsdelivr.net/" />
-  <!-- Bootstrap core CSS -->
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
-    integrity="sha256-PDJQdTN7dolQWDASIoBVrjkuOEaI137FI15sqI3Oxu8=" crossorigin="anonymous" />
-</head>
-<body class="d-flex flex-column h-100">
-  <header>
-    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
-      <div class="container-fluid d-flex justify-content-between">
-        <a class="navbar-brand" href="#">smfplayer.js</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
-          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse flex-grow-0" id="navbarCollapse">
-          <ul class="navbar-nav">
-            <li class="nav-item">
-              <a class="nav-link" aria-current="page" href="https://logue.dev/">Home</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="https://github.com/logue/Reverb.js"><em class="bi bi-github"></em></a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-  </header>
-  <!-- Begin page content -->
-  <main role="main" class="flex-shrink-0 mt-2">
-    <div class="container">
-      <h1>Reverb.js Demo</h1>
-      <p>Refer to the console log for the values.</p>
-      <button id="play" class="btn btn-primary" disabled>
-        <em class="bi bi-play"></em> Play
-      </button>
-      <hr />
-      <h2>Reverb Control</h2>
-      <p>
-        Changing these values will regenerate the impulse response each time,
-        but due to its nature, it will take some time to see the effect. It
-        may be helpful to maximize the value of Wet.
-      </p>
-      <div class="form-check form-switch">
-        <input id="reverb" type="checkbox" class="form-check-input" />
-        <label class="form-check-label" for="reverb">Reverb</label>
-      </div>
-      <div>
-        Inpulse Response Noise algorithm:
-        <div class="form-check form-check-inline">
-          <input class="form-check-input" type="radio" name="noise" id="white" value="0" checked />
-          <label class="form-check-label" for="white">White Noise</label>
-        </div>
-        <div class="form-check form-check-inline">
-          <input class="form-check-input" type="radio" name="noise" id="pink" value="1" />
-          <label class="form-check-label" for="pink">Pink Noise</label>
-        </div>
-        <div class="form-check form-check-inline">
-          <input class="form-check-input" type="radio" name="noise" id="brown" value="2" />
-          <label class="form-check-label" for="brown">Brown Noise</label>
-        </div>
-      </div>
-      <div class="form-check form-switch">
-        <input type="checkbox" class="form-check-input" id="reverse" />
-        <label class="form-check-label" for="reverse">Reverse Inpulse Response</label>
-      </div>
-      <hr />
-      <div class="row">
-        <div class="col-md">
-          <label for="time" class="form-label" aria-describedby="time-help">Time</label>
-          <input type="range" class="form-range" title="1.1" value="2" min="0" max="50" id="time" />
-          <div id="time-help" class="form-text">Room size</div>
-        </div>
-        <div class="col-md">
-          <label for="decay" class="form-label">Decay</label>
-          <input type="range" class="form-range" title="2" value="2" min="0" max="100" id="decay" />
-          <div id="decay-help" class="form-text">
-            Hardness of room wall size
-          </div>
-        </div>
-        <div class="col-md">
-          <label for="delay" class="form-label">Delay</label>
-          <input type="range" class="form-range" title="0" value="0" min="0" max="100" id="delay" />
-          <div id="delay-help" class="form-text">
-            Delays due to obstacles in front of room walls
-          </div>
-        </div>
-        <div class="col-md">
-          <label for="mix" class="form-label">Dry / Wet</label>
-          <input type="range" id="mix" class="form-range" min="0" max="1" step="0.05" value="0.5" title="0.5" />
-          <div id="delay-help" class="form-text">
-            Closer to the original sound or closer to the effector
-          </div>
-        </div>
-      </div>
-      <h2>Filter for IR</h2>
-      <p>
-        If the value of the filter is allpass, the filtering will be bypassed.
-      </p>
-      <div class="row">
-        <div class="col-md">
-          <label for="filter" class="form-label">Filter Type</label>
-          <select id="filter" class="form-select">
-            <option value="lowpass" selected="selected">lowpass (Default)</option>
-            <option value="highpass">highpass</option>
-            <option value="bandpass">bandpass</option>
-            <option value="lowshelf">lowshelf</option>
-            <option value="highshelf">highshelf</option>
-            <option value="peaking">peaking</option>
-            <option value="notch">notch</option>
-            <option value="allpass">allpass (Through)</option>
-          </select>
-        </div>
-        <div class="col-md">
-          <label for="freq" class="form-label">Filter frequency</label>
-          <input type="range" class="form-range" value="2500" min="20" max="5000" step="5" id="freq" title="2500" />
-        </div>
-        <div class="col-md">
-          <label for="freq" class="form-label">Quality (Q) value</label>
-          <input type="range" class="form-range" value="1" min=".0001" max="10" step=".0005" id="q" title="1" />
-        </div>
-      </div>
-      <h2>FFT</h2>
-      <div class="overflow-auto">
-        <canvas id="graph" width="512" height="256"></canvas>
-      </div>
-      <p class="text-right">
-        The sound uses the drum part of
-        <a href="https://soundcloud.com/logue256/autumn-wind" target="_blank"><em class="bi bi-soundwave"></em> Autmun
-          Wind</a>.
-      </p>
-    </div>
-  </main>
-  <footer class="footer mt-auto py-3 bg-light">
-    <div class="container">
-      <address class="text-muted">
-        &copy; 2019-2021 by Logue / MIT License.
-      </address>
-    </div>
-  </footer>
-  <script src="reverb.js"></script>
-  <script>
-    // Setup Audio Context
-    const AudioCtx = new (window.AudioContext || window.webkitAudioContext)();
-    // Defreeze AudioContext for iOS.
-    document.addEventListener('touchstart', initAudioContext);
-    function initAudioContext() {
-      document.removeEventListener('touchstart', initAudioContext);
-      // wake up AudioContext
-      const emptySource = AudioCtxtx.createBufferSource();
-      emptySource.start();
-      emptySource.stop();
-    }
-    // Setup Reverb Class
-    const reverb = new Reverb.default(AudioCtx);
-    console.info(
-      'Reverb.js loaded. (version:' +
-      reverb.version +
-      ' / build: ' +
-      reverb.build +
-      ')'
-    );
-    const AudioSrc = AudioCtx.createBufferSource();
-    // Load audio file and decode asyncly.
-    const LoadSample = async url => {
-      return new Promise(resolve => {
-        fetch(url)
-          .then(response => response.arrayBuffer())
-          .then(arraybuf =>
-            AudioCtx.decodeAudioData(
-              arraybuf,
-              buffer => {
-                resolve(buffer);
-              },
-              e => alert(e)
-            )
-          )
-          .catch(e => alert(e));
-      });
-    };
-    // Draw FFT to canvas
-    // Code taken from https://www.g200kg.com/jp/docs/webaudio/filter.html
-    const AnalyserNode = AudioCtx.createAnalyser();
-    const canvas = document.getElementById('graph');
-    const canvasContext = canvas.getContext('2d');
-    const analysedata = new Float32Array(1024);
-    const DrawGraph = () => {
-      AnalyserNode.getFloatFrequencyData(analysedata);
-      // Background
-      canvasContext.fillStyle = '#343a40';
-      canvasContext.fillRect(0, 0, canvas.width, canvas.height);
-      // FFT Graph
-      canvasContext.fillStyle = document.getElementById('reverb').checked
-        ? '#17a2b8'
-        : '#28a745';
-      for (let i = 0; i < canvas.width; ++i) {
-        const f = (AudioCtx.sampleRate * i) / (canvas.width * 2);
-        y = canvas.height / 2 + (analysedata[i] + 48.16) * 2.56;
-        canvasContext.fillRect(i, canvas.height - y, 1, y);
-      }
-      // y axis (dB)
-      for (let d = -50; d < 50; d += 10) {
-        const y = (canvas.height / 2 - (d * canvas.height) / 100) | 0;
-        // Line
-        canvasContext.fillStyle = '#6c757d';
-        canvasContext.fillRect(20, y, canvas.width, 1);
-        // Label
-        canvasContext.fillStyle = '#fd7e14';
-        canvasContext.fillText(d + 'dB', 5, y);
-      }
-      canvasContext.fillStyle = '#ffc107';
-      canvasContext.fillRect(20, canvas.height / 2, canvas.width, 1);
-      // x axis (frequency)
-      for (let f = 2200; f < AudioCtx.sampleRate / 2; f += 2000) {
-        const x = ((f * (canvas.width * 2)) / AudioCtx.sampleRate) | 0;
-        // Line
-        canvasContext.fillStyle = '#6c757d';
-        canvasContext.fillRect(x, 0, 1, canvas.height - 10);
-        // Label
-        if (x % 4 == 0) {
-          canvasContext.fillStyle = '#e83e8c';
-          canvasContext.fillText(f / 1000 + 'kHz', x - 10, canvas.height - 1);
-        }
-      }
-    };
-    // Reverb switch handler
-    const setReverb = () => {
-      AudioSrc.disconnect();
-      if (document.getElementById('reverb').checked) {
-        // Connect Reverb
-        reverb.connect(AudioSrc).connect(AnalyserNode);
-      } else {
-        reverb.disconnect(AudioSrc).connect(AnalyserNode);
-      }
-      AnalyserNode.connect(AudioCtx.destination);
-    };
-    window.addEventListener('load', async () => {
-      const sound = await LoadSample('./demo.wav');
-      // Draw FFT
-      setInterval(DrawGraph, 10);
-      // Play button
-      document.getElementById('play').addEventListener(
-        'click',
-        event => {
-          if (event.target != event.currentTarget)
-            return;
-          if (AudioSrc.buffer == null) {
-            AudioSrc.buffer = sound;
-            AudioSrc.loop = true;
-            setReverb();
-            AudioSrc.start();
-          }
-          if (AudioCtx.state === 'running') {
-            AudioCtx.suspend().then(() => {
-              event.target.innerHTML = '<em class="bi bi-play"></em> Play';
-            });
-          } else if (AudioCtx.state === 'suspended') {
-            AudioCtx.resume().then(() => {
-              event.target.innerHTML = '<em class="bi bi-pause"></em> Pause';
-            });
-          }
-        },
-        false
-      );
-      // Reverb switch button
-      document.getElementById('reverb').addEventListener('click', setReverb);
-      // Reverse checkbox
-      document
-        .getElementById('reverse')
-        .addEventListener('click', e => reverb.reverse(e.target.checked));
-      // Reverb dualation time
-      document.getElementById('time').addEventListener('change', e => {
-        reverb.time(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Decay time
-      document.getElementById('decay').addEventListener('change', e => {
-        reverb.decay(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Delay time
-      document.getElementById('delay').addEventListener('change', e => {
-        reverb.delay(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Filter select box
-      document.getElementById('filter').addEventListener('change', e => {
-        reverb.filterType(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Filter frequency
-      document.getElementById('freq').addEventListener('change', e => {
-        reverb.filterFreq(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Filter quality
-      document.getElementById('q').addEventListener('change', e => {
-        reverb.filterQ(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Dry/Wet
-      document.getElementById('mix').addEventListener('change', e => {
-        reverb.mix(e.target.value);
-        e.target.title = e.target.value;
-      });
-      // Noise Type
-      document
-        .querySelectorAll('[name=noise]')
-        .forEach(dom =>
-          dom.addEventListener('click', e => reverb.setNoise(e.target.value))
-        );
-      // remove disabled
-      document.getElementById('play').disabled = '';
-    });
-  </script>
-</body>
-</html>