Piano Block


Piano Block is a plugin that allow you to play a variety of tones using the piano keyboard on the block editor.
This plugin does not add any useful features to WordPress, nor does it add any useful blocks to help you write posts.
Let’s insert this block and enjoy the music if you are stuck in writing an article or just want a little distraction.

  • 14 instruments
  • Realistic sound based on sound sources sampled from actual instruments
  • Variable volume, switchable octave pitch and sustain pedal status

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

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

ეკრანული სურათები

  • Piano Block


ეს პლაგინი უზრუნველყოფს 1 ბლოკს.

  • Piano Play the melody.


  1. Upload the piano-block folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the \’Plugins\’ menu in WordPress.


How will this block be displayed in the frontend ?

This block do not display anything on the frontend.
This block is only for playing music in the block editor.

Is it possible to record the sound of my play ?

Recording is not supported in the current version due to technical or licensing issues.
I may add it in a future update if those issues can be resolved.


1 რევიუს წაკითხვა

მონაწილეები & დეველოპერები

“Piano Block” ღია პროგრამული უზრუნველყოფაა. შემდეგმა ადამიანებმა წვილი შეიტანეს მის განვითარებაში.


“Piano Block” ითარგმნა 1 ენაზე. გმადლობთ თარჯიმნებო თქვენი წვლილისათვის.

გადათარგმნეთ Piano Block თქვენს ენაზე.

დაინტერესებული ხართ დეველოპმენტით?

დაათვალიერეთ კოდი, შეამოწმეთ SVN რეპო, ან გამოიწერეთ შექმნის ჟურნალი : RSS.



  • Tested to WordPress 6.0
  • Fix: Don’t enqueue scripts on frontend
  • Doc: Update author name


  • Doc: Fix typo and spelling inconsistencies


  • Initial release