korilakkuma/x-piano

Web Components for Web Audio API

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 Effector (Envelope Generator, Glide)

Demo

x-piano

Installation

$ npm install x-piano

Usage

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
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)

License

Copyright (c) 2024 Tomohiro IKEDA (Korilakkuma)
Released under the MIT license