Remove 'highlight:[]' and 'highlight[]' classes (#8368)

Author: wbamberg

files/en-us/web/api/analysernode/getfloatfrequencydata/index.html

@@ -54,7 +54,7 @@ <h3 id="Drawing_a_spectrum">Drawing a spectrum</h3>
 
 <p>For more complete applied examples/information, check out our <a href="https://mdn.github.io/voice-change-o-matic-float-data/">Voice-change-O-matic-float-data</a> demo (see the <a href="https://github.com/mdn/voice-change-o-matic-float-data">source code</a> too).</p>
 
-<pre class="brush: html, highlight:[15, 17, 18, 41]">&lt;!doctype html&gt;
+<pre class="brush: html,">&lt;!doctype html&gt;
 &lt;body&gt;
 &lt;script&gt;
 const audioCtx = new AudioContext();

files/en-us/web/api/audiobuffer/duration/index.html

@@ -29,7 +29,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js;">// Stereo
 var channels = 2;
 
 // Create an empty two second stereo buffer at the

files/en-us/web/api/audiobuffer/getchanneldata/index.html

@@ -15,7 +15,7 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush: js;highlight[22]">var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
+<pre class="brush: js;">var myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);
 var nowBuffering = myArrayBuffer.getChannelData(channel);</pre>
 
 <h3 id="Parameters">Parameters</h3>
@@ -33,7 +33,7 @@ <h2 id="Example">Example</h2>
 
 <p>In the following example we create a two second buffer, fill it with white noise, and then play it via an {{ domxref("AudioBufferSourceNode") }}. The comments should clearly explain what is going on. You can also <a href="https://mdn.github.io/webaudio-examples/audio-buffer/">run the code live</a>, or <a href="https://github.com/mdn/webaudio-examples">view the source</a>.</p>
 
-<pre class="brush: js;highlight[21]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js;">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 var button = document.querySelector('button');
 var pre = document.querySelector('pre');
 var myScript = document.querySelector('script');

files/en-us/web/api/audiobuffer/length/index.html

@@ -27,7 +27,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js;">// Stereo
 var channels = 2;
 
 // Create an empty two second stereo buffer at the

files/en-us/web/api/audiobuffer/numberofchannels/index.html

@@ -29,7 +29,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js;">// Stereo
 var channels = 2;
 
 // Create an empty two second stereo buffer at the

files/en-us/web/api/audiobuffer/samplerate/index.html

@@ -28,7 +28,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[22]">// Stereo
+<pre class="brush: js;">// Stereo
 var channels = 2;
 
 // Create an empty two second stereo buffer at the

files/en-us/web/api/audiobuffersourcenode/detune/index.html

@@ -40,7 +40,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[18]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 
 const channelCount = 2;
 const frameCount = audioCtx.sampleRate * 2.0; // 2 seconds

files/en-us/web/api/audiobuffersourcenode/loop/index.html

@@ -56,7 +56,7 @@ <h2 id="Example">Example</h2>
       the source</a>.)</p>
 </div>
 
-<pre class="brush: js;highlight[17]">function getData() {
+<pre class="brush: js;">function getData() {
   source = audioCtx.createBufferSource();
   request = new XMLHttpRequest();
 

files/en-us/web/api/audiobuffersourcenode/playbackrate/index.html

@@ -65,7 +65,7 @@ <h2 id="Example">Example</h2>
 &lt;span class="playback-rate-value"&gt;1.0&lt;/span&gt;
 </pre>
 
-<pre class="brush: js;highlight[15]">function getData() {
+<pre class="brush: js;">function getData() {
   source = audioCtx.createBufferSource();
   request = new XMLHttpRequest();
 

files/en-us/web/api/audiocontext/createmediastreamsource/index.html

@@ -66,7 +66,7 @@ <h2 id="Example">Example</h2>
             the source</a>.</p>
 </div>
 
-<pre class="brush: js;highlight[23]">var pre = document.querySelector('pre');
+<pre class="brush: js;">var pre = document.querySelector('pre');
 var video = document.querySelector('video');
 var myScript = document.querySelector('script');
 var range = document.querySelector('input');

files/en-us/web/api/audionode/channelcount/index.html

@@ -33,7 +33,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[11]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audionode/channelcountmode/index.html

@@ -49,7 +49,7 @@
 
 <h2 id="Syntax">Syntax</h2>
 
-<pre class="brush: js;highlight[11]">var oscillator = audioCtx.createOscillator();
+<pre class="brush: js;">var oscillator = audioCtx.createOscillator();
 oscillator.channelCountMode = 'explicit';</pre>
 
 <h3 id="Value">Value</h3>
@@ -58,7 +58,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[11]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audionode/connect/index.html

@@ -113,7 +113,7 @@ <h3 id="AudioParam_example">AudioParam example</h3>
   an {{domxref("OscillatorNode")}} with a slow frequency value. This technique is know as
   an <em>LFO</em>-controlled parameter.</p>
 
-<pre class="brush: js;highlight[8,9]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audionode/context/index.html

@@ -29,7 +29,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[8,9]">const AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">const AudioContext = window.AudioContext || window.webkitAudioContext;
 const audioCtx = new AudioContext();
 
 const oscillator = audioCtx.createOscillator();

files/en-us/web/api/audionode/numberofinputs/index.html

@@ -28,7 +28,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[8,9,10]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 
 const oscillator = audioCtx.createOscillator();
 const gainNode = audioCtx.createGain();

files/en-us/web/api/audionode/numberofoutputs/index.html

@@ -28,7 +28,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[8,9,10]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 
 const oscillator = audioCtx.createOscillator();
 const gainNode = audioCtx.createGain();

files/en-us/web/api/audioparam/defaultvalue/index.html

@@ -28,7 +28,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[3]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 const gainNode = audioCtx.createGain();
 const defaultVal = gainNode.gain.defaultValue;
 console.log(defaultVal); // 1

files/en-us/web/api/audioparam/exponentialramptovalueattime/index.html

@@ -58,7 +58,7 @@ <h2 id="Examples">Examples</h2>
   is used to fade the gain value up to 1.0, and down to 0, respectively. This is pretty
   useful for fade in/fade out effects:</p>
 
-<pre class="brush: js;highlight[32,37]">// create audio context
+<pre class="brush: js;">// create audio context
 var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audioparam/maxvalue/index.html

@@ -32,7 +32,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[4]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 const gainNode = audioCtx.createGain();
 console.log(gainNode.gain.maxValue); // 3.4028234663852886e38</pre>
 

files/en-us/web/api/audioparam/minvalue/index.html

@@ -32,7 +32,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[3]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 const gainNode = audioCtx.createGain();
 console.log(gainNode.gain.minValue); // -3.4028234663852886e38
 </pre>

files/en-us/web/api/audioparam/settargetattime/index.html

@@ -162,7 +162,7 @@ <h2 id="Examples">Examples</h2>
   after 1 second, and the length of time the effect lasts being controlled by the
   timeConstant.</p>
 
-<pre class="brush: js;highlight[32,37]">// create audio context
+<pre class="brush: js;">// create audio context
 var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audioparam/setvalueattime/index.html

@@ -51,7 +51,7 @@ <h2 id="Examples">Examples</h2>
   to set the gain value equal to <code>currGain</code>, one second from now
   (<code>audioCtx.currentTime + 1</code>.)</p>
 
-<pre class="brush: js;highlight[32,37]">// create audio context
+<pre class="brush: js;">// create audio context
 var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audioparam/setvaluecurveattime/index.html

@@ -89,7 +89,7 @@ <h2 id="Examples">Examples</h2>
     live</a>.) When this button is pressed, <code>setValueCurveAtTime()</code> is used to
   change the gain value between the values contained in the waveArray array:</p>
 
-<pre class="brush: js;highlight[42]">// create audio context
+<pre class="brush: js;">// create audio context
 var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 

files/en-us/web/api/audioparam/value/index.html

@@ -107,7 +107,7 @@ <h2 id="Example">Example</h2>
 
 <p>This example instantly changes the volume of a {{domxref("GainNode")}} to 40%.</p>
 
-<pre class="brush: js;highlight[3]">const audioCtx = new AudioContext();
+<pre class="brush: js;">const audioCtx = new AudioContext();
 const gainNode = audioCtx.createGain();
 gainNode.gain.value = 0.4;
 //which is identical to:

files/en-us/web/api/audioscheduledsourcenode/onended/index.html

@@ -48,7 +48,7 @@ <h2 id="Example">Example</h2>
 
 <p>The following example shows basic usage of an {{ domxref("AudioContext") }} to create an oscillator node. For an applied example, check out our <a href="https://mdn.github.io/violent-theremin/">Violent Theremin demo</a> (<a href="https://github.com/mdn/violent-theremin/blob/gh-pages/scripts/app.js">see app.js</a> for relevant code).</p>
 
-<pre class="brush: js;highlight[13,14,15]">// create web audio api context
+<pre class="brush: js;">// create web audio api context
   var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 
   // create Oscillator node

files/en-us/web/api/baseaudiocontext/createbuffer/index.html

@@ -116,7 +116,7 @@ <h2 id="Examples">Examples</h2>
     href="https://github.com/mdn/webaudio-examples/blob/master/audio-buffer/index.html">view
     the source</a>.</p>
 
-<pre class="brush: js;highlight[14]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js;">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 
 // Create an empty three-second stereo buffer at the sample rate of the AudioContext
 var myArrayBuffer = audioCtx.createBuffer(2, audioCtx.sampleRate * 3, audioCtx.sampleRate);

files/en-us/web/api/baseaudiocontext/createbuffersource/index.html

@@ -52,7 +52,7 @@ <h2 id="Example">Example</h2>
       the source</a>.</p>
 </div>
 
-<pre class="brush: js highlight[31]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+<pre class="brush: js">var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
 var button = document.querySelector('button');
 var pre = document.querySelector('pre');
 var myScript = document.querySelector('script');

files/en-us/web/api/baseaudiocontext/createchannelsplitter/index.html

@@ -46,7 +46,7 @@ <h2 id="Example">Example</h2>
   method, which allow you to specify the index of the channel to connect from and the
   index of the channel to connect to.</p>
 
-<pre class="brush: js;highlight[5,12,17]">var ac = new AudioContext();
+<pre class="brush: js;">var ac = new AudioContext();
 ac.decodeAudioData(someStereoBuffer, function(data) {
  var source = ac.createBufferSource();
  source.buffer = data;

files/en-us/web/api/baseaudiocontext/createdelay/index.html

@@ -51,7 +51,7 @@ <h2 id="Example">Example</h2>
   sliders up to the right, then press the play buttons, a delay will be introduced, so the
   looping sounds don't start playing for a short amount of time.</p>
 
-<pre class="brush: js;highlight[4,15,16,21,22]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 
 var synthDelay = audioCtx.createDelay(5.0);

files/en-us/web/api/baseaudiocontext/createdynamicscompressor/index.html

@@ -49,7 +49,7 @@ <h2 id="Example">Example</h2>
     href="https://github.com/mdn/webaudio-examples/tree/master/compressor-example">view
     the source code</a>).</p>
 
-<pre class="brush: js highlight[6,18,19]">// Create a MediaElementAudioSourceNode
+<pre class="brush: js">// Create a MediaElementAudioSourceNode
 // Feed the HTMLMediaElement into it
 var source = audioCtx.createMediaElementSource(myAudio);
 

files/en-us/web/api/baseaudiocontext/currenttime/index.html

@@ -24,7 +24,7 @@ <h2 id="Syntax">Syntax</h2>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js;highlight[8]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 // Older webkit/blink browsers require a prefix
 

files/en-us/web/api/baseaudiocontext/destination/index.html

@@ -35,7 +35,7 @@ <h2 id="Example">Example</h2>
       href="https://github.com/mdn/voice-change-o-matic">voice-change-o-matic</a>.</p>
 </div>
 
-<pre class="brush: js;highlight[8]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 // Older webkit/blink browsers require a prefix
 

files/en-us/web/api/baseaudiocontext/listener/index.html

@@ -34,7 +34,7 @@ <h2 id="Example">Example</h2>
       href="https://github.com/mdn/panner-node">panner-node</a> demo.</p>
 </div>
 
-<pre class="brush: js;highlight[8]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 // Older webkit/blink browsers require a prefix
 

files/en-us/web/api/baseaudiocontext/samplerate/index.html

@@ -38,7 +38,7 @@ <h2 id="Example">Example</h2>
     <code>audioCtx.sampleRate</code> into your browser console.</p>
 </div>
 
-<pre class="brush: js;highlight[8]">var AudioContext = window.AudioContext || window.webkitAudioContext;
+<pre class="brush: js;">var AudioContext = window.AudioContext || window.webkitAudioContext;
 var audioCtx = new AudioContext();
 // Older webkit/blink browsers require a prefix
 

files/en-us/web/api/batterymanager/charging/index.html

@@ -34,7 +34,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js; highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js;">navigator.getBattery().then(function(battery) {
 
     var charging = battery.charging;
 

files/en-us/web/api/batterymanager/chargingtime/index.html

@@ -40,7 +40,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js; highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js;">navigator.getBattery().then(function(battery) {
 
    var time = battery.chargingTime;
 

files/en-us/web/api/batterymanager/dischargingtime/index.html

@@ -42,7 +42,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js;  highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js; ">navigator.getBattery().then(function(battery) {
 
     var time = battery.dischargingTime;
 

files/en-us/web/api/batterymanager/level/index.html

@@ -36,7 +36,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js;  highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js; ">navigator.getBattery().then(function(battery) {
 
     var level = battery.level;
 

files/en-us/web/api/batterymanager/onchargingchange/index.html

@@ -36,7 +36,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js;  highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js; ">navigator.getBattery().then(function(battery) {
 
    battery.onchargingchange = chargingChange();
 

files/en-us/web/api/batterymanager/onchargingtimechange/index.html

@@ -36,7 +36,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js;   highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js;  ">navigator.getBattery().then(function(battery) {
 
     battery.onchargingtimechange = chargingTimeChange();
 

files/en-us/web/api/batterymanager/ondischargingtimechange/index.html

@@ -36,7 +36,7 @@ <h3 id="HTML_Content">HTML Content</h3>
 
 <h3 id="JavaScript_Content">JavaScript Content</h3>
 
-<pre class="brush: js; highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js;">navigator.getBattery().then(function(battery) {
 
     battery.ondischargingtimechange = dischargingTimeChange;
 

files/en-us/web/api/batterymanager/onlevelchange/index.html

@@ -33,7 +33,7 @@ <h3 id="HTML">HTML</h3>
 
 <h3 id="JavaScript">JavaScript</h3>
 
-<pre class="brush: js; highlight:[3]">navigator.getBattery().then(function(battery) {
+<pre class="brush: js;">navigator.getBattery().then(function(battery) {
   battery.onlevelchange = function(){
     document.querySelector('#level').textContent = battery.level;