feat: High-Shelving Filter (BiquadFilterNode)

Korilakkuma · Nov 27, 2024 · 74b08fc · 74b08fc
1 parent 13436d6
commit 74b08fc
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/docs/docs.js b/docs/docs.js
@@ -7197,3 +7197,4 @@ renderFrequencyResponse(document.getElementById('svg-figure-filter-response-lowp
 renderFrequencyResponse(document.getElementById('svg-figure-filter-response-highpass'), 'highpass');
 renderFrequencyResponse(document.getElementById('svg-figure-filter-response-bandpass'), 'bandpass');
 renderFrequencyResponse(document.getElementById('svg-figure-filter-response-lowshelf'), 'lowshelf');
+renderFrequencyResponse(document.getElementById('svg-figure-filter-response-highshelf'), 'highshelf');
diff --git a/docs/index.html b/docs/index.html
@@ -7962,6 +7962,33 @@ <h5>Low-Shelving Filter</h5>
                 <figcaption>Low-Shelving Filter のフィルタ特性</figcaption>
               </figure>
             </section>
+            <section id="section-effectors-filter-biquad-filter-node-highshelf">
+              <h5>High-Shelving Filter</h5>
+              <p>
+                <b>High-Shelving Filter</b> とは, <b>カットオフ周波数</b> (<span class="inline-math">$f_{\mathrm{computed}}$</span>)
+                付近までの周波数成分をそのまま通過させ, それより大きい周波数成分を増幅, または, 減衰させるフィルタです. High-Shelving Filter における,
+                <b><code>gain</code></b> プロパティが, 増幅, または, 減衰の値を決定します. 単位は, デシベル (dB) です.
+              </p>
+              <p>
+                High-Shelving Filter においても, <b><code>Q</code></b> プロパティは無効で, フィルタ特性に影響を与えることはありません (一般的な, Biquad Filter
+                においては, フィルタ特性に影響しますが, Web Audio API の <code>BiquadFilterNode</code> でやや実装が改変されている点の 1 つです).
+              </p>
+              <figure>
+                <div class="app-headline">
+                  <label for="range-filter-highshelf-frequency">frequency</label>
+                  <input type="range" id="range-filter-highshelf-frequency" value="350" min="1" max="8000" step="1" />
+                  <span id="print-filter-highshelf-frequency">350 Hz</span>
+                  <label for="range-filter-highshelf-detune">detune</label>
+                  <input type="range" id="range-filter-highshelf-detune" value="0" min="-1200" max="1200" step="1" />
+                  <span id="print-filter-highshelf-detune">0 cent</span>
+                  <label for="range-filter-highshelf-gain">gain</label>
+                  <input type="range" id="range-filter-highshelf-gain" value="0" min="-24" max="24" step="1" />
+                  <span id="print-filter-highshelf-gain">0 dB</span>
+                </div>
+                <svg id="svg-figure-filter-response-highshelf" width="600" height="300" />
+                <figcaption>High-Shelving Filter のフィルタ特性</figcaption>
+              </figure>
+            </section>
           </section>
         </section>
       </section>