version 24.3

Author: hvianna

.github/workflows/deploy-app.yml

@@ -0,0 +1,41 @@
+name: Deploy app
+
+env:
+  USERNAME: ${{ github.actor }}
+  ADDRESS_SUFFIX: users.noreply.github.com
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  deploy-app:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Create and edit files
+        run: |
+          echo "audiomotion.app" > public/CNAME
+          echo -e "include: [\".well-known\"]\n" > public/_config.yml
+          mkdir public/.well-known
+          echo -e "This is a Brave Creators publisher verification file.\n\nDomain: audiomotion.app\nToken: ddbc4cddcf21685fd67a05d53d95d4f420f67190cb38ec7b6250e3fb8cb7d6cf\n" > public/.well-known/brave-rewards-verification.txt
+          sed -i '/<link rel=\"icon\"/a <link rel=\"manifest\" href=\"manifest.json\">' public/index.html
+      - name: Generate Directory Listings
+        uses: jayanta525/[email protected]
+        with:
+          FOLDER: public/music
+      - uses: jayanta525/[email protected]
+        with:
+          FOLDER: public/backgrounds
+      - name: Run shell script
+        run: |
+          git config user.name "$USERNAME"
+          git config user.email "$USERNAME@$ADDRESS_SUFFIX"
+          git mv src/manifest.json public
+          git mv docs public
+          git add .
+          git commit -m "Deploy app"
+          git subtree split --prefix public -b gh-pages
+          git push -f origin gh-pages:gh-pages

.gitignore

@@ -1,2 +1,5 @@
 **/node_modules
 bin/
+out/
+.DS_Store
+package-lock.json

.npmrc

@@ -0,0 +1,2 @@
+# automatically update package versions in package.json when running `npm update`
+save=true

.well-known/brave-rewards-verification.txt

@@ -1,6 +1,6 @@
 ![audioMotion-header](docs/img/audioMotion-header.png)
 
-**audioMotion** is a high-resolution real-time audio spectrum analyzer and full-featured music player that lets you ♪♫ **see your music!** ♪♫<br>
+**audioMotion** is a media player and high-resolution real-time audio spectrum analyzer that allows you to **SEE your music!** ♪♫🤩<br>
 It is completely free, open-source software, created out of my passion for the graphic spectrum analyzers of hi-fi systems from the 1980s.
 
 [![GitHub release](https://img.shields.io/github/release/hvianna/audioMotion.js.svg)](https://github.com/hvianna/audioMotion.js/releases/latest)
@@ -10,38 +10,45 @@ It is completely free, open-source software, created out of my passion for the g
 
 ![screenshot2](docs/img/screenshot2.png)
 
-* High-resolution real-time dual channel audio spectrum analyzer
+* Dual channel high-resolution real-time audio spectrum analyzer
 * Fullscreen and Picture-In-Picture support at 60fps, ready for retina / HiDPI displays
-* Logarithmic frequency scale with customizable range
-* Visualize discrete frequencies or octave bands based on the equal tempered scale
+* Logarithmic, linear and perceptual (Bark and Mel) frequency scales, with customizable range
+* Visualization of discrete FFT frequencies or up to 240 frequency bands (supports ANSI and equal-tempered octave bands)
+* Decibel and linear amplitude scales, with customizable sensitivity
+* Optional A, B, C, D and ITU-R 468 weighting filters
 * Optional effects: vintage LEDs, variable opacity, mirroring and reflection, radial visualization
 * 17 beautiful color gradients, plus a visual editor to easily create your own gradients
 * HTML5 audio player for MP3, AAC (m4a), OGG and FLAC files (support may vary depending on browser and operating system)
 * 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 on Chrome, Firefox, Opera and Safari)
 
 > **For developers:**<br>
 > Check out [**audioMotion-analyzer**](https://audiomotion.dev) for easy integration of audioMotion's full-featured spectrum analyzer into your own Javascript projects!
 
-## Live Demo
+## Access the web app
 
-* [https://demo.audiomotion.me](https://demo.audiomotion.me)
+<a href="https://audiomotion.app" target="_blank" title="open web app"><img src="https://img.shields.io/badge/audioMotion.app-ff3e37?style=flat" height="48"></a>
 
-## Documentation, credits and Changelog
+**Use a Chromium-based browser to be able to play media files from your hard drive.**<br>
+Works on Chrome, Opera and Edge by default. On Brave you'll need to enable this feature in `chrome://flags/#file-system-access-api`.
 
-* See the [docs/](docs/) folder or visit the [website](https://audiomotion.me)
+## Documentation
+
+* See the [docs/](docs/) folder or the [online documentation](https://audiomotion.app/docs)
 
 ## Contributing
 
-* For bug reports or feature requests, feel free to [open an issue](https://github.com/hvianna/audioMotion.js/issues);
-* If you'd like to submit a Pull Request, please branch it off the project's `dev` branch - that makes it easier for me to incorporate your changes in a future release.
+I kindly request that you only [open an issue](https://github.com/hvianna/audioMotion.js/issues) for submitting **bug reports**.
+
+Please use the [**Discussions**](https://github.com/hvianna/audioMotion.js/discussions) section on GitHub to send **feature requests**,
+questions, suggestions or any other feedback.
+
+If you'd like to submit a Pull Request, please branch it off the project's `dev` branch - that makes it easier for me to incorporate your changes in a future release.
 
-> Please note that this is a hobby project that I work on in my free time, so it may take me some time to respond to inquiries.
+> Please note that this is a hobby project that I work on in my free time, so it may take me a while to respond to inquiries sometimes.
 
 ## License
 
-audioMotion.js copyright (c) 2018-2021 [Henrique Avila Vianna](https://henriquevianna.com)<br>
+audioMotion.js copyright (c) 2018-2024 [Henrique Avila Vianna](https://henriquevianna.com)<br>
 Licensed under the [GNU Affero General Public License, version 3 or later](https://www.gnu.org/licenses/agpl.html).

README.md

@@ -1,5 +1,58 @@
 # Changelog
 
+## version 24.3
+
+📢 **audioMotion** is now an [online web app](https://audiomotion.app) that can play **music and video** directly from your device! No download necessary.
+
+
+### Added: <!-- {docsify-ignore} -->
+
++ Support for the File System Access API, allowing the web app to read files from your local device (depends on [browser support](known-issues.md));
++ **Video playback** - [suggested](https://github.com/hvianna/audioMotion.js/discussions/40) by **@JesusGod-Pope666-Info**;
++ *Bark*, *Mel* and linear [**frequency scales**](users-manual.md#frequency-scale) (\*\*) - suggested by **@TF3RDL** ([here](https://github.com/hvianna/audioMotion-analyzer/issues/30)) and **@hsnam95** ([here](https://github.com/hvianna/audioMotion.js/issues/34));
++ [Frequency **weighting filters**](users-manual.md#weighting) (\*\*);
++ New [dual-channel layouts](users-manual.md#channel-layout): horizontal (side-by-side channels) and combined (overlaid channels) - [suggested](https://github.com/hvianna/audioMotion-analyzer/issues/38) by **@TF3RDL**;
++ Allow selecting **different [gradients](users-manual.md#gradients) for each channel,** when using a dual-channel layout;
++ New [**bar coloring modes**](users-manual.md#color-mode): by level (bar amplitude) and by index (bar position);
++ Press **0** (zero) to quickly randomize analyzer settings;
++ [**ANSI** switch](users-manual.md#switches) to use IEC/ANSI preferred frequencies for octave bands - [suggested](https://github.com/hvianna/audioMotion.js/issues/28) by **@jonathan-annett**;
++ [**LINEAR** switch](users-manual.md#switches) to use **linear amplitude** values, instead of decibels (\*\*);
++ [**NOTES** switch](users-manual.md#switches) to display **musical note labels** in the X-axis scale;
++ [**ROUND** switch](users-manual.md#switches) to render analyzer bars wih **rounded corners** on top;
++ [Config options](users-manual.md#general-settings) to customize the **backgrounds folder** and how many individual media files appear in the Background options;
++ [Config option](users-manual.md#general-settings) to limit the maximum frame-rate;
++ [Config option](users-manual.md#general-settings) to adjust on-screen display font size - [suggested](https://github.com/hvianna/audioMotion.js/issues/44) by **@kimycai**;
++ [Config option](users-manual.md#general-settings) to **auto-hide the media panel**, expanding the analyzer area;
++ [Config options](users-manual.md#general-settings) to remember the contents of the play queue and the last used folder between sessions;
++ Enabled some server-side configuration options via `config.json` file - see [Self-hosting audioMotion](server.md);
+
+\*\* Special thanks to **@TF3RDL** for the [code snippets](https://github.com/hvianna/audioMotion-analyzer/issues/30) which helped immensely in the implementation of these features!
+
+### Changed & improved: <!-- {docsify-ignore} -->
+
++ User preset funcionality now provides 9 slots for saving your favorite analyzer configurations;
++ **Prism** and **Rainbow** gradients have been updated with softer colors (the old versions can be enabled in the Config panel);
++ Random Mode has been renamed to **Randomize** and it's now possible to remove the *Analyzer Mode* from the randomized settings;
++ **AUTO** gradient functionality has been changed to *Gradients* option under [Settings affected by Randomize](users-manual.md#settings-affected-by-randomize);
++ **PEAKS** now work for *Line* and *Area graph* analyzer modes in *Radial* view;
++ **STEREO** switch has been replaced by the **Channel Layout** setting;
++ Peaks hold and decay times are now more consistent on varying frame rates;
++ Improved frequency scale labeling (label font size slightly reduced in fullscreen);
++ Play queue size limit increased to 2000 files;
++ **Smoothing** setting has been moved to [General settings](users-manual.md#general-settings);
++ Added more options to the minimum and maximum values in the [Frequency range](users-manual.md#frequency-range);
++ New default settings: 20Hz - 20kHz frequency range, FFT smoothing set to 0.7, Scale-Y off and info displayed at both the start and end of the song;
++ New fonts for the user interface and internal console;
++ New custom UI controls to replace standard range inputs and radio buttons;
++ If you are [self-hosting audioMotion](server.md), it can now run from any subdirectory (no need to use a virtual host or custom port);
++ [Updated documentation](https://audiomotion.app/docs);
+
+### Fixed: <!-- {docsify-ignore} -->
+
++ Reflex not working on PIP mode on some circumstances;
++ Some special characters in file/directory names preventing files from being loaded.
+
+
 ## version 21.11
 
 :birthday: **It's audioMotion's THIRD Anniversary and we have plenty of new features to celebrate!!!** :tada: <big>🥳</big>