Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dead-beef/webaudio-spectrum-analyser
WebAudio spectrum analyser
https://github.com/dead-beef/webaudio-spectrum-analyser
android angular angular-cli capacitor capacitor-android frontend-app nrwl-nx spectrum-analyser spectrum-analyzer vmware-clarity webaudio
Last synced: about 2 months ago
JSON representation
WebAudio spectrum analyser
- Host: GitHub
- URL: https://github.com/dead-beef/webaudio-spectrum-analyser
- Owner: dead-beef
- License: mit
- Created: 2020-05-25T00:18:01.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-02-04T01:33:53.000Z (about 2 years ago)
- Last Synced: 2023-03-09T08:17:08.942Z (almost 2 years ago)
- Topics: android, angular, angular-cli, capacitor, capacitor-android, frontend-app, nrwl-nx, spectrum-analyser, spectrum-analyzer, vmware-clarity, webaudio
- Language: TypeScript
- Homepage: https://dead-beef.github.io/webaudio-spectrum-analyser
- Size: 8.17 MB
- Stars: 7
- Watchers: 4
- Forks: 4
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Webaudio Spectrum Analyser
[](http://commitizen.github.io/cz-cli/)
[](https://github.com/dead-beef/webaudio-spectrum-analyser/actions/workflows/master.yml) [](https://github.com/dead-beef/webaudio-spectrum-analyser/actions/workflows/pr-validation.yml) [](https://github.com/dead-beef/webaudio-spectrum-analyser/actions/workflows/codeql-analysis.yml)
## Requirements
In order to run own copy of the project one must fulfill the following requirements.
### Mandatory
- [Node.js](https://nodejs.org/)
- [NPM](https://nodejs.org/)
- [Yarn](https://yarnpkg.com/)
- [Emscripten](https://emscripten.org/)
- [Git](https://git-scm.com/)
### Optional
#### Android
- [Android SDK](https://developer.android.com/studio#command-tools)
#### Tools
- [GCC](https://gcc.gnu.org/)
- [Make](https://www.gnu.org/software/make/)
- [libavcodec](https://www.ffmpeg.org/libavcodec.html), [libavformat](https://www.ffmpeg.org/libavformat.html), [libavfilter](https://www.ffmpeg.org/libavfilter.html), [libavutil](https://www.ffmpeg.org/libavutil.html)
- [pthreads](https://en.wikipedia.org/wiki/POSIX_Threads)
### Preferred package manager
- [Yarn](https://www.npmjs.com/package/yarn) is a preferred package manager for dependencies installation in the project root.
- [npm](https://www.npmjs.com/) is a preferred package manager for dependencies installation in the `functions` folder if any.
### Package scripts reference
The project has lots of package scripts, check it in the `package.json` located in the project root, or use the following command (see terminal output for usage tips)
```
yarn workspace:help
```
### Committing changes to repo
Using commitizen cli is mandatory, [reference](https://github.com/commitizen/cz-cli).
Provided all dependencies are installed, and this requirements are fulfilled [cz-cli#conventional-commit-messages-as-a-global-utility](https://github.com/commitizen/cz-cli#conventional-commit-messages-as-a-global-utility) the following command must be used when doing a commit
```bash
git cz
```
## Installation
```bash
yarn install
```
### Updating
```bash
yarn workspace:update:check
```
```bash
yarn workspace:update:migrate
```
## Building
### Web
```bash
ng build
```
```bash
ng build --prod
```
### Android
```bash
cat >tools/shell/vars.sh <
🔎 **Nx is a set of Angular CLI power-ups for modern development.**
### Quick Start & Documentation
- [Nx Documentation](https://nx.dev)
- [30-minute video showing all Nx features](https://nx.dev/getting-started/what-is-nx)
- [Interactive Tutorial](https://nx.dev/tutorial/01-create-application)
### Adding capabilities to your workspace
Nx supports many plugins which add capabilities for developing different types of applications and different tools.
These capabilities include generating applications, libraries, .etc as well as the devtools to test, and build projects as well.
Below are some plugins which you can add to your workspace:
| Application type | Command |
| -------------------------------------- | ------------------------ |
| [Angular](https://angular.io) | `ng add @nrwl/angular` |
| [React](https://reactjs.org) | `ng add @nrwl/react` |
| Web (no framework frontends) | `ng add @nrwl/web` |
| [Nest](https://nestjs.com) | `ng add @nrwl/nest` |
| [Express](https://expressjs.com) | `ng add @nrwl/express` |
| [Node](https://nodejs.org) | `ng add @nrwl/node` |
| [Storybook](https://storybook.js.org/) | `ng add @nrwl/storybook` |
### Generating an application
To generate an application run:
```bash
ng g @nrwl/angular:app my-app
```
> You can use any of the plugins above to generate applications as well.
When using Nx, you can create multiple applications and libraries in the same workspace.
### Generating a library
To generate a library run:
```bash
ng g @nrwl/angular:lib my-lib
```
> You can also use any of the plugins above to generate libraries as well.
Libraries are sharable across libraries and applications.
It can be imported from `@nx-ng-starter/mylib`.
### Running a development server
To start a dev server run:
```bash
ng serve my-app
```
Navigate to http://localhost:4200/.
The app will automatically reload if you change any of the source files.
### Code scaffolding
To generate a new component run:
```bash
ng g component my-component --project=my-app
```
### Building applications
To build the project run:
```bash
ng build my-app
```
The build artifacts will be stored in the `dist/` directory.
Use the `--prod` flag for a production build.
### Unit testing with [Jest](https://jestjs.io)
To execute the unit tests run:
```bash
ng test my-app
```
To execute the unit tests affected by a change run:
```bash
npm run affected:test
```
### End-to-end testing with [Cypress](https://www.cypress.io)
To execute the end-to-end tests run:
```bash
ng e2e my-app
```
To execute the end-to-end tests affected by a change run:
```bash
npm run affected:e2e
```
### Understanding your workspace
To see a diagram of the dependencies of your projects run:
```bash
npm run dep-graph
```
### Generating a storybook for a feature or ui library
```bash
npx nx g @nrwl/angular:storybook-configuration project-name
```
### Further help
Visit the [Nx Documentation](https://nx.dev) to learn more.
## Licenses
- [`webaudio-spectrum-analyser`](LICENSE)