Web Components for Web Audio API
<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 Effector (Envelope Generator, Glide)
$ npm install x-pianoDescribe <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.
| Attribute | Description | Value |
|---|---|---|
| ui-only | Not use sound | boolean attribute |
| type | Sound Source | 'sine' (default), 'square', 'sawtooth', 'triangle' |
| volume | Master Volume | 0.0 - 1.0 (1.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) |
| glide | Glide (Oscillator only) | 0.0 - (0.0 by default) |
Copyright (c) 2024 Tomohiro IKEDA (Korilakkuma)
Released under the MIT license