Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://alexgibson.github.io/wavepad/

An experimental synthesizer built using the Web Audio API (PWA).
https://alexgibson.github.io/wavepad/

javascript pwa synthesizer web-audio-api

Last synced: about 2 months ago
JSON representation

An experimental synthesizer built using the Web Audio API (PWA).

Host: GitHub
URL: https://alexgibson.github.io/wavepad/
Owner: alexgibson
License: other
Archived: true
Created: 2012-09-08T21:00:40.000Z (over 12 years ago)
Default Branch: master
Last Pushed: 2016-02-20T08:55:46.000Z (almost 9 years ago)
Last Synced: 2024-08-03T18:19:43.807Z (5 months ago)
Topics: javascript, pwa, synthesizer, web-audio-api
Language: JavaScript
Homepage: https://alexgibson.github.io/wavepad/
Size: 657 KB
Stars: 135
Watchers: 14
Forks: 19
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

awesome-pwa - Wave-PD1
awesome-pwa - Wave-PD1

README

        Wave-PD1

========

[![devDependency Status](https://david-dm.org/alexgibson/wavepad/dev-status.svg)](https://david-dm.org/alexgibson/wavepad/#info=devDependencies)

An experimental synthesizer built using the [Web Audio API](http://www.w3.org/TR/webaudio/), written in ES6 and compiled using [Babel](https://babeljs.io/). Works offline using Service Worker.

https://alexgibson.github.io/wavepad/

![](src/images/screenshot.png?raw=true)

Audio node graph

----------------

![](src/images/wavapad-audio-graph.png?raw=true)

Install

-------

```

npm install

```

Build

-----

To build from source and watch for changes:

```

gulp

```

By default Javascript is compiled and minified in production mode. To run un-minified and with source maps enabled, simply run:

```

gulp --env development --smp /path/to/project/root/

```

Note the `smp` argument is to append the relative path for source maps to work.

Run

---

To run the dev server:

```

npm start

```

The app can then be viewed at `localhost:8000`.

Deploy

------

To automatically build and deploy to `gh-pages` branch:

```

gulp deploy

```