diff --git a/files/en-us/web/api/baseaudiocontext/createdynamicscompressor/index.html b/files/en-us/web/api/baseaudiocontext/createdynamicscompressor/index.html
index 7e3f9ed01fee100..0a41b9d5bce1c24 100644
--- a/files/en-us/web/api/baseaudiocontext/createdynamicscompressor/index.html
+++ b/files/en-us/web/api/baseaudiocontext/createdynamicscompressor/index.html
@@ -35,7 +35,7 @@ <h3 id="Returns">Returns</h3>
 
 <h2 id="Example">Example</h2>
 
-<p>The below code demonstrates a simple usage of <code>createDynamicsCompressor()</code>
+<p>The code below demonstrates a simple usage of <code>createDynamicsCompressor()</code>
   to add compression to an audio track. For a more complete example, have a look at our <a
     href="https://mdn.github.io/webaudio-examples/compressor-example/">basic Compressor
     example</a> (<a
diff --git a/files/en-us/web/api/dynamicscompressornode/attack/index.html b/files/en-us/web/api/dynamicscompressornode/attack/index.html
index c52a01ad763510d..3c773f2ee9b9284 100644
--- a/files/en-us/web/api/dynamicscompressornode/attack/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/attack/index.html
@@ -28,13 +28,18 @@ <h3 id="Value">Value</h3>
 
 <p>An {{domxref("AudioParam")}}.</p>
 
-<div class="note">
-<p><strong>Note</strong>: Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
+<div class="notecard note">
+  <h4>Note</h4>
+  <p>Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
 </div>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<pre class="brush: js">var audioCtx = new AudioContext();
+var compressor = audioCtx.createDynamicsCompressor();
+compressor.attack.value = 0;</pre>
+
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/en-us/web/api/dynamicscompressornode/dynamicscompressornode/index.html b/files/en-us/web/api/dynamicscompressornode/dynamicscompressornode/index.html
index 737621cb9073086..0b17f321b6d895d 100644
--- a/files/en-us/web/api/dynamicscompressornode/dynamicscompressornode/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/dynamicscompressornode/index.html
@@ -30,18 +30,16 @@ <h3 id="Parameters">Parameters</h3>
   <dd>Options are as follows:
     <ul>
       <li><code>attack</code>: The amount of time (in seconds) to reduce the gain by 10dB.
-        Its default value is 0.003. This parameter is k-rate. Its nominal range is [0, 1].
-      </li>
+        Its default value is 0.003. This parameter is k-rate. Its nominal range is [0, 1].</li>
       <li><code>knee</code>: A decibel value representing the range above the threshold
         where the curve smoothly transitions to the "ratio" portion. Its default value is
         30. This parameter is k-rate. Its nominal range is [0, 40].</li>
       <li><code>ratio</code>: The amount of dB change in input for a 1 dB change in
         output. Its default value is 12. This parameter is k-rate. Its nominal range is
         [1, 20].</li>
-      <li>release: The amount of time (in seconds) to increase the gain by 10dB. Its
-        default value is 0.250. This parameter is k-rate. Its nominal range is [0, 1].
-      </li>
-      <li>threshold: The decibel value above which the compression will start taking
+      <li><code>release</code>: The amount of time (in seconds) to increase the gain by 10dB. Its
+        default value is 0.250. This parameter is k-rate. Its nominal range is [0, 1].</li>
+      <li><code>threshold</code>: The decibel value above which the compression will start taking
         effect. Its default value is -24. This parameter is k-rate. Its nominal range is
         [-100, 0].</li>
     </ul>
diff --git a/files/en-us/web/api/dynamicscompressornode/index.html b/files/en-us/web/api/dynamicscompressornode/index.html
index a5f96f734d3e93f..49c9983236ed40b 100644
--- a/files/en-us/web/api/dynamicscompressornode/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/index.html
@@ -73,7 +73,7 @@ <h2 id="Methods">Methods</h2>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> example code.</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/en-us/web/api/dynamicscompressornode/knee/index.html b/files/en-us/web/api/dynamicscompressornode/knee/index.html
index 064b7101bd639c7..be428f220b4452c 100644
--- a/files/en-us/web/api/dynamicscompressornode/knee/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/knee/index.html
@@ -23,20 +23,24 @@ <h2 id="Syntax">Syntax</h2>
 
 <pre class="brush: js">var audioCtx = new AudioContext();
 var compressor = audioCtx.createDynamicsCompressor();
-compressor.knee.value = 40;
-</pre>
+compressor.knee.value = 40;</pre>
 
 <h3 id="Value">Value</h3>
 
 <p>An {{domxref("AudioParam")}}.</p>
 
-<div class="note">
-<p><strong>Note</strong>: Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
+<div class="notecard note">
+  <h4>Note</h4>
+  <p>Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
 </div>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<pre class="brush: js">var audioCtx = new AudioContext();
+var compressor = audioCtx.createDynamicsCompressor();
+compressor.knee.value = 40;</pre>
+
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/en-us/web/api/dynamicscompressornode/ratio/index.html b/files/en-us/web/api/dynamicscompressornode/ratio/index.html
index 996c2723ab6c849..93426a0c888f86e 100644
--- a/files/en-us/web/api/dynamicscompressornode/ratio/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/ratio/index.html
@@ -30,13 +30,18 @@ <h3 id="Value">Value</h3>
 
 <p>An {{domxref("AudioParam")}}.</p>
 
-<div class="note">
-<p><strong>Note</strong>: Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
+<div class="notecard note">
+  <h4>Note</h4>
+  <p>Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
 </div>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<pre class="brush: js">var audioCtx = new AudioContext();
+var compressor = audioCtx.createDynamicsCompressor();
+compressor.ratio.value = 12;</pre>
+
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/en-us/web/api/dynamicscompressornode/reduction/index.html b/files/en-us/web/api/dynamicscompressornode/reduction/index.html
index 0f6a0c1f6b1fd03..afe0d232e60c6d7 100644
--- a/files/en-us/web/api/dynamicscompressornode/reduction/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/reduction/index.html
@@ -30,6 +30,8 @@ <h2 id="Example">Example</h2>
 var compressor = audioCtx.createDynamicsCompressor();
 var myReduction = compressor.reduction;</pre>
 
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
+
 <h2 id="Specifications">Specifications</h2>
 
 <table class="standard-table">
diff --git a/files/en-us/web/api/dynamicscompressornode/release/index.html b/files/en-us/web/api/dynamicscompressornode/release/index.html
index 6422523eb7497b1..21a33b8230e323b 100644
--- a/files/en-us/web/api/dynamicscompressornode/release/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/release/index.html
@@ -28,13 +28,18 @@ <h3 id="Value">Value</h3>
 
 <p>An {{domxref("AudioParam")}}.</p>
 
-<div class="note">
-<p><strong>Note</strong>: Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
+<div class="notecard note">
+  <h4>Note</h4>
+  <p>Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
 </div>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<pre class="brush: js">var audioCtx = new AudioContext();
+var compressor = audioCtx.createDynamicsCompressor();
+compressor.release.value = 0.25;</pre>
+
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
 
 <h2 id="Specifications">Specifications</h2>
 
diff --git a/files/en-us/web/api/dynamicscompressornode/threshold/index.html b/files/en-us/web/api/dynamicscompressornode/threshold/index.html
index 35c27baca8031ad..11d26b753fc21d0 100644
--- a/files/en-us/web/api/dynamicscompressornode/threshold/index.html
+++ b/files/en-us/web/api/dynamicscompressornode/threshold/index.html
@@ -30,13 +30,18 @@ <h3 id="Value">Value</h3>
 
 <p>An {{domxref("AudioParam")}}.</p>
 
-<div class="note">
-<p><strong>Note</strong>: Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
+<div class="notecard note">
+  <h4>Note</h4>
+  <p>Though the {{domxref("AudioParam")}} returned is read-only, the value it represents is not.</p>
 </div>
 
 <h2 id="Example">Example</h2>
 
-<p>{{page("/en-US/docs/Web/API/AudioContext.createDynamicsCompressor","Example")}}</p>
+<pre class="brush: js">var audioCtx = new AudioContext();
+var compressor = audioCtx.createDynamicsCompressor();
+compressor.threshold.value = -50;</pre>
+
+<p>See <a href="/en-US/docs/Web/API/BaseAudioContext/createDynamicsCompressor#example"><code>BaseAudioContext.createDynamicsCompressor()</code></a> for more complete example code.</p>
 
 <h2 id="Specifications">Specifications</h2>