version 20.8

Author: hvianna

.editorconfig

@@ -0,0 +1,8 @@
+root = true
+
+[*.{js,html,css}]
+charset = utf-8
+indent_style = tab
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true

Changelog.md

@@ -6,6 +6,24 @@ nav_order: 3
 
 # Changelog
 
+## version 20.8 :mask:
+
+### Added:
+
++ New [Radial visualization](docs/user-interface.md#mode-switches) for all modes;
++ Option to display [level (dB) scale](docs/user-interface.md#scale) on vertical axis;
++ New [**Demo** preset](docs/user-interface.md#preset).
+
+### Changed:
+
++ Improved the background image [**Pulse**](docs/user-interface.md#image-fit) effect to look more synced regardless of music style;
++ Any image located in the song's folder can now be used as album cover when a picture is not found in the song metadata (see the [documentation](docs/user-interface.md#background) for filename precedence).
+
+### Fixed:
+
++ Audio files with uppercase extensions not recognized when audioMotion was running on a standard web server.
+
+
 ## version 20.6 :mask:
 
 ### Added:

README.md

@@ -19,15 +19,16 @@ The spectrum analyzer module is also available as a [standalone project](https:/
 
 * High-resolution (retina / HiDPI ready) real-time audio spectrum analyzer with fullscreen support
 * Logarithmic frequency scale with customizable range
-* 12 visualization modes: visualize discrete frequencies, or octave bands based on the equal tempered scale
-* 17 beautiful color gradients, with optional vintage LEDs and variable luminance effects
+* Visualize discrete frequencies with full FFT resolution, or octave bands based on the equal tempered scale
+* Optional effects: vintage LEDs, luminance bars, reflection, radial visualization
+* 17 beautiful color gradients
 * Customizable Web Audio API parameters (FFT size, sensitivity and time-smoothing constant)
 * HTML5 audio player supports MP3, AAC (m4a), OGG and FLAC files (support may vary depending on browser)
 * Visual file explorer and play queue with drag-and-drop functionality
 * Support for M3U playlists (`m3u` and `m3u8` file extensions)
 * Visualize audio from your microphone (or "stereo mix", if your soundcard supports it)
 * Lightweight custom file server — also works on standard web servers with minimal configuration
-* Client runs on any modern browser (tested with Firefox, Chrome and Safari)
+* Client runs on any modern browser (tested on Chrome, Firefox, Opera and Safari)
 
 ## Online demo
 
@@ -78,18 +79,20 @@ For full documentation summary, see the [docs folder](docs/).
 Discrete frequencies mode. User interface showing the file explorer and play queue.
 ![screenshot1](docs/img/screenshot1.png "Discrete frequencies mode. User interface showing the file explorer and play queue.")
 
-1/12th-octave bands mode with LED effect and on-screen song information. User interface showing the settings panel.
-![screenshot2](docs/img/screenshot2.png "1/12th-octave bands mode with LED effect and on-screen song information. User interface showing the settings panel.")
+1/4th-octave bands with LED effect, extra wide bar spacing and on-screen song information. User interface showing the settings panel.
+![screenshot2](docs/img/screenshot2.png "1/4th-octave bands mode, extra wide bar spacing, with LED effect and on-screen song information. User interface showing the settings panel.")
 
-Full screen view: 1/6th-octave bands, Regular bar spacing, 30Hz-16KHz, "Outrun" gradient, Reflex effect and complete on-screen information.
-![screenshot3](docs/img/screenshot3.png "Full screen view: 1/6th-octave bands, Regular bar spacing, 30Hz-16KHz, 'Outrun' gradient, Reflex effect and complete on-screen information")
+Fullscreen 1/6th-octave bands, regular bar spacing, 30Hz-16KHz, "Outrun" gradient, Reflex effect and complete on-screen information.
+![screenshot3](docs/img/screenshot3.png "Fullscreen 1/6th-octave bands, Regular bar spacing, 30Hz-16KHz, 'Outrun' gradient, Reflex effect and complete on-screen information")
 
-Full screen view: Area fill mode, 20Hz-22KHz, frequency scale on, "Rainbow" gradient.
-![screenshot4](docs/img/screenshot4.png "Full screen view: Area fill mode, 20Hz-22KHz, frequency scale on, 'Rainbow' gradient")
+Fullscreen Line graph, 20Hz-22KHz, frequency and level scales on, "Rainbow" gradient.
+![screenshot6](docs/img/screenshot6.png "Fullscreen Line graph mode, 20Hz-22KHz, frequency and level scales on, 'Rainbow' gradient")
 
-Full screen view: 1/8th-octave bands mode with Luminance bars effect, 30Hz-16KHz, frequency scale on, "Tie Dye" gradient.
-![screenshot5](docs/img/screenshot5.png "Full screen view: 1/8th-octave bands mode with Luminance bars effect, 30Hz-16KHz, frequency scale on, 'Tie Dye' gradient")
+Fullscreen 1/8th-octave bands with Luminance bars effect, 30Hz-16KHz, frequency scale on, "Tie Dye" gradient.
+![screenshot5](docs/img/screenshot5.png "Fullscreen 1/8th-octave bands mode with Luminance bars effect, 30Hz-16KHz, frequency scale on, 'Tie Dye' gradient")
 
+Fullscreen Radial 1/6th-octave bands with frequency scale on, "Apple ][" gradient.
+![screenshot7](docs/img/screenshot7.png "Fullscreen Radial 1/6th-octave bands mode with frequency scale on, 'Apple ][' gradient")
 
 ## Credits and acknowledgments
 

_sass/overrides.scss

@@ -19,7 +19,7 @@ a:not([class]):hover {
 }
 
 body {
-	font-family: -apple-system,BlinkMacSystemFont,"helvetica neue","segoe ui",helvetica,roboto,noto,arial,sans-serif;
+	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 h1, h2, h3, h4,