Update channels (#5)

* IMPROVED: show spectrum for each mod channel
IMPROVED: clicking on a visualisation will mute the channel

* ADDED: workaround for browsers that do not support audioWorkletNode

* FIXED: emptybuffer didn't empty all channels in fallback mode
FIXED: display left/right channels in fallback mode
IMPROVED: now show "mute" for muted channels
IMPROVED: call render once at startup/when mute change

* REMOVED: audio files from github
ADDED: more nice funky module files
UPDATED: readme with ModPlug copyright
UPDATED: Xbox ES5 version of mod-processor to latest version

Author: warpdesign

README.md

@@ -25,11 +25,11 @@ Modplayer-js will fall back to the deprecated `ScriptProcessorNode` API in these
 - Amiga 4 channel Sountracker/Noisetracker mod files with 4 channels and 15-31 instruments
 - Stereo playback (channels 0 & 3 goes to the left chan, 1 & 2 to the right, just like on a real Amiga)
 - LowPass filter (not sure it sounds right)
-- Left/Right Spectrum vizualizers
-- Ability to mute any of the 4 module channels
-- Includes 8 Module files from the Amiga-era
+- Individual Spectrum vizualizers for each channel (AudioWorklet mode only)
+- Ability to mute any of the 4 module channels (AudioWorklet only)
+- 26 great modules of various styles and times are downloaded from [The Mod Archive](https://modarchive.org)
 
-Most note effects should be supported, including extended ones. Only effect not implemented is `Vibrato (0x4 & 0x6)`.
+Most note effects should be supported, including extended ones.
 
 # Dependencies
 
@@ -42,19 +42,6 @@ ModPlayer JS makes use of the following piece of software:
 
 I also heavily used [MilkyTracker](https://milkytracker.titandemo.org/) and [webaudio-mod-player](https://mod.haxor.fi/) - which plays lot of module formats with high fidelity - to track down some timing bugs.
 
-# Module files copyright
-
-ModPlayer-js includes the following module files:
-
- - agony.mod: music from Amiga game [Agony](https://www.youtube.com/watch?v=iRzIpghJeec) by [Tim Wright](https://twitter.com/CoLDSToRAGE)
- - all_that_she_wants.mod: Ace of Base remix from 1993 by Crossair
- - bigtime.mod: Björk Big Time Sensuality remix from 1994 by ISO from Axis group, appeared in the [Big Time Sensuality demo](https://www.youtube.com/watch?v=Y-2xUXk5F2w)
- - cannonfodder.mod: music from [Cannon Fodder](https://www.youtube.com/watch?v=PiYuq6Ac3a0) Amiga game by [John Hare](https://twitter.com/johnhare) / [Richard Joseph](https://en.wikipedia.org/wiki/Richard_Joseph)
- - desert_strike.mod: music from [Desert Strike](https://www.youtube.com/watch?v=hcJaph0D7UM) Amiga game by Jason Whitley
- - LotusII.mod: music from [Lotus II](https://www.youtube.com/watch?v=vETonlaTZ4c) game by [Barry Leitch](https://en.wikipedia.org/wiki/Barry_Leitch)
- - projectx.mod: music from [Project-X](https://www.youtube.com/watch?v=gjq-ONi3dZE) Amiga game by [Allister Brimble](https://twitter.com/allisterbrimble)
- - silkworm.mod: music from [Silkworm](https://www.youtube.com/watch?v=4wNidIucUuc) Amiga game by [Barry Leitch](https://en.wikipedia.org/wiki/Barry_Leitch)
-
 # Module background
 
 Modules are like MIDI files but with custom sound samples instead of builtin synth files.
@@ -107,3 +94,15 @@ Then comes the patterns data: first the list of positions and then each patterns
 Last but not least, sample data is stored, uncompressed in LPCM 8bit format.
 
 More information can be found in the [original specs](https://github.com/cmatsuoka/tracker-history/blob/master/reference/amiga/soundtracker/Soundtracker_v1-v9/Soundtracker_v2.doc) file (which was written in 1988: ouch!).
+
+# Module files copyright
+
+No file is hosted in GitHub, all modules are downloaded from [The Mod Archive](https://modarchive.org) and are licensed under the [Mod Archive Distribution License](https://modarchive.org/index.php?terms-upload)
+
+ - [agony.mod](https://api.modarchive.org/downloads.php?moduleid=124303#agony_intro.mod): music from Amiga game [Agony](https://www.youtube.com/watch?v=iRzIpghJeec) by [Tim Wright](https://twitter.com/CoLDSToRAGE)
+ - [bigtime.mod](https://api.modarchive.org/downloads.php?moduleid=98051#big_time_sensuality.mod): Björk Big Time Sensuality remix from 1994 by ISO from Axis group, appeared in the [Big Time Sensuality demo](https://www.youtube.com/watch?v=Y-2xUXk5F2w)
+ - [cannonfodder.mod](https://api.modarchive.org/downloads.php?moduleid=34568#CANNONFO.MOD): music from [Cannon Fodder](https://www.youtube.com/watch?v=PiYuq6Ac3a0) Amiga game by [John Hare](https://twitter.com/johnhare) / [Richard Joseph](https://en.wikipedia.org/wiki/Richard_Joseph)
+ - [desert_strike.mod](https://api.modarchive.org/downloads.php?moduleid=68835#desert_strike.mod): music from [Desert Strike](https://www.youtube.com/watch?v=hcJaph0D7UM) Amiga game by Jason Whitley
+ - [LotusII.mod](https://api.modarchive.org/downloads.php?moduleid=87180#lotus2-title.mod): music from [Lotus II](https://www.youtube.com/watch?v=vETonlaTZ4c) game by [Barry Leitch](https://en.wikipedia.org/wiki/Barry_Leitch)
+ - [projectx.mod](https://api.modarchive.org/downloads.php?moduleid=56660#projectx.mod): music from [Project-X](https://www.youtube.com/watch?v=gjq-ONi3dZE) Amiga game by [Allister Brimble](https://twitter.com/allisterbrimble)
+ - [silkworm.mod](https://api.modarchive.org/downloads.php?moduleid=83115#silkwormtitle.mod): music from [Silkworm](https://www.youtube.com/watch?v=4wNidIucUuc) Amiga game by [Barry Leitch](https://en.wikipedia.org/wiki/Barry_Leitch)

audio/LotusII.mod

@@ -52,7 +52,7 @@
         }
 
         .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li{
-            margin-right: 32px;
+            margin: 0 16px;
         }
 
         .author{
@@ -61,6 +61,8 @@
 
         canvas{
             width:100%;
+            height:100px;
+            cursor:pointer;
         }
     </style>
     <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
@@ -125,35 +127,12 @@
                     .mdl-card__title{
                         position:relative;
                     }
-
-                    .channel_control{
-                        position:absolute;
-                        top:10px;
-                    }
                 </style>
 
                 <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                     <div class="mdl-card__title">
                         <canvas width="512" height="128" id="visualizer"></canvas>
                         <h2 class="mdl-card__title-text" title="Click here to load another module"><div><i class="material-icons">audiotrack</i></div><div><span class="title"></span><br />by&nbsp;<span class="author"></span></div></h2>
-                        <div class="channel_control">
-                            <label class="mdl-icon-toggle mdl-js-icon-toggle mdl-js-ripple-effect" for="channel-toggle-1" title="Click to mute/unmute channel 1">
-                                <input type="checkbox" id="channel-toggle-1" class="mdl-icon-toggle__input" checked>
-                                <i class="mdl-icon-toggle__label material-icons">volume_up</i>
-                            </label>
-                            <label class="mdl-icon-toggle mdl-js-icon-toggle mdl-js-ripple-effect" for="channel-toggle-2" title="Click to mute/unmute channel 2">
-                                <input type="checkbox" id="channel-toggle-2" class="mdl-icon-toggle__input" checked>
-                                <i class="mdl-icon-toggle__label material-icons">volume_up</i>
-                            </label>
-                            <label class="mdl-icon-toggle mdl-js-icon-toggle mdl-js-ripple-effect" for="channel-toggle-3" title="Click to mute/unmute channel 3">
-                                <input type="checkbox" id="channel-toggle-3" class="mdl-icon-toggle__input" checked>
-                                <i class="mdl-icon-toggle__label material-icons">volume_up</i>
-                            </label>
-                            <label class="mdl-icon-toggle mdl-js-icon-toggle mdl-js-ripple-effect" for="channel-toggle-4" title="Click to mute/unmute channel 4">
-                                <input type="checkbox" id="channel-toggle-4" class="mdl-icon-toggle__input" checked>
-                                <i class="mdl-icon-toggle__label material-icons">volume_up</i>
-                            </label>
-                        </div>
                     </div>
                     <div class="mdl-card__supporting-text">
                         <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">