An audio visualizer web app
npm install audiovisual[![npm][npm-status]][npm]
An audio visualizer built using React.
[npm]: https://www.npmjs.com/package/audiovisual (npm)
[npm-status]: https://nodei.co/npm/audiovisual.png (npm status)
1. Install globally: npm install -g audiovisual
2. Start the server: audiovisual [flags] [directory]
- You can specify a directory containing songs to serve.
- The first time you serve a folder (and any time you want to rescan for
updated songs), you'll need to use the -s flag.
- This will create a file named .audiovisual.json in the root of the
folder containing a list of all matched files.
- The server parses media tags from .{mp3,mp4,m4a} files using
jsmediatags
- This might take a while, so please be patient!
- If you want to scan recursively into subdirectories, use the -r
option.
- Check below for more options, including customizing file matching
expressions.
3. Navigate to the site (localhost:10102 by default)
and enjoy your audiovisual experience!
``
Usage: audiovisual [flags] [directory]
[directory]: Directory from which to serve audio files.
If omitted, no audio files will be served.
Flags:
-h=false Print this help message and exit.
-m=.$ Regular expression to use to match scanned files.
--mflags=i Flags to use in regular expression matching.
-p=10102 Port on which to serve the site.
-s=false Scan the files directory for new files.
-r=false Whether to scan recursively for files.
-q=false Quiet mode; don't output anything to stdout.
`
1. Install as dependency: npm install audiovisual
2. In your code:
`javascript
const audiovisual = require('audiovisual');
/**
* Configuration options.
*
* @typedef {Object} Options
*
* @property {string} [filesDir] - Directory from which to serve audio files.
* If omitted, no audio files will be served.
* @property {boolean} [scan] - true to scan filesDir for updated files.true
* @property {boolean} [recursive] - to scan recursively.true
* @property {RegExp} filesMatch=/[.$/i] - Regular expression to
* use to match files during scanning.
* @property {boolean} [quiet] - for quiet mode; don't output anything tostdout
* .
*/
const options = {};
const app = audiovisual(options);
`
Several build-related scripts are included that can be run using
npm run