2.0.0 • Published 6 years ago
x-piano v2.0.0
x-piano
Web Components for Web Audio API
Overview
<x-piano> is GUI parts library (Web Components) for Web Applications that use Web Audio API. <x-piano> has has the following features.
- Rich UI by Simple tag
- Play the One-Shot Audio
- Create Sound
Simple Effectors (Envelope Generator, Transpose, Glide)
Demo
Installation
$ npm install x-pianoUsage
Describe <x-piano> tag.
<x-piano></x-piano>Moreover, <x-piano> tag can have some attributes.
For example,
<x-piano type="sawtooth" volume="0.4" attack="1" glide="1.5"></x-piano>Refer to the following table for attribute details.
Attributes
| Attribute | Description | Value |
|---|---|---|
| loading | Apply style for loading | boolean attribute |
| ui-only | Not use sound | boolean attribute |
| type | Sound Source | 'piano' (default), 'sine', 'square', 'sawtooth', 'triangle' |
| volume | Master Volume | 0.0 - 1.0 (1.0 by default) |
| transpose | Transpose (One-Shot only) | Greater than or equal to 0.0 (0.0 by default) |
| glide | Glide (Oscillator only) | Greater than or equal to 0.0 (0.0 by default) |
| attack | Envelope Generator (Attack) | 0.0 - 1.0 (0.01 by default) |
| decay | Envelope Generator (Decay) | 0.0 - 1.0 (0.3 by default) |
| sustain | Envelope Generator (Sustain) | 0.0 - 1.0 (1.0 by default) |
| release | Envelope Generator (Release) | 0.0 - 1.0 (1.0 by default) |
License
Copyright (c) 2014 - 2018 Tomohiro IKEDA (Korilakkuma)
Released under the MIT license