Piano Block

"Piano Block" is a WordPress custom block plugin that allows you to play a variety of tones using the piano keyboard.

Features

• 15 instruments
• Realistic sound based on sound sources sampled from actual instruments
• Variable volume, switchable octave pitch and sustain pedal status
• Synthesizer with 18 oscillators and customizable envelope

Note: The keys are optimized for the QWERTY keyboard and may not map correctly on other keyboards.

How to build

npm install
npm run build

Resources, Audio Samples

Tone.js (Web Audio framework)

• License: MIT License
• Source: https://github.com/Tonejs/Tone.js/

Splendid Grand Piano (Acoustic Piano)

• License: Public Domain
• Source: https://github.com/sfzinstruments/SplendidGrandPiano

Greg Sullivan's E-Pianos (Electric Piano1, 2)

• License: CC-BY-3.0
• Source: https://github.com/sfzinstruments/GregSullivan.E-Pianos

tonewheel organ sound samples by hammondman (Organ)

• License: CC0-1.0
• Source: https://freesound.org/people/hammondman/packs/18844/

Shinyguitar by Karoryfer Samples (Electric Guitar, Acoustic Guitar)

• License: CC-BY-4.0
• Source: https://github.com/sfzinstruments/karoryfer.shinyguitar

Pastabass by Karoryfer Samples (Electric Bass)

• License: CC-BY-4.0
• Source: https://github.com/sfzinstruments/karoryfer.pastabass

Meatbass by Karoryfer Samples (Acoustic Bass)

• License: CC-BY-4.0
• Source: https://github.com/sfzinstruments/karoryfer.meatbass

Bear Sax by Karoryfer Samples (Sax)

• License: CC-BY-4.0
• Source: https://github.com/sfzinstruments/karoryfer.bear-sax

VS Chamber Orchestra (Flute, Harp, Muted Trumpet, Violin, Xylophone)

• License: CC0-1.0
• Source: https://github.com/sgossner/VSCO-2-CE

SVG Repo (Block Icon)

• License: CC0
• Source: https://www.svgrepo.com/svg/47923/piano-keys-part

Free SVG (Block Background Image)

• License: Public Domain
• Source: https://freesvg.org/wg-3

Google Fonts (Banner Font)

• License: Apache License 2.0
• Source: https://fonts.google.com/specimen/Yellowtail

Author

Aki Hamano (Github)