{"id":153973,"date":"2022-03-01T01:31:32","date_gmt":"2022-03-01T01:31:32","guid":{"rendered":"https:\/\/ja.wordpress.org\/plugins\/piano-block\/"},"modified":"2026-03-03T05:56:23","modified_gmt":"2026-03-03T05:56:23","slug":"piano-block","status":"publish","type":"plugin","link":"https:\/\/pt.wordpress.org\/plugins\/piano-block\/","author":15585732,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.9.0","stable_tag":"2.9.0","tested":"7.0","requires":"6.9","requires_php":"8.0","requires_plugins":null,"header_name":"Piano Block","header_author":"Aki Hamano","header_description":"Can play a variety of tones using the piano keyboard on the block editor.","assets_banners_color":"645e59","last_updated":"2026-03-03 05:56:23","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/thamanoJP","header_plugin_uri":"","header_author_uri":"https:\/\/github.com\/t-hamano","rating":4.5,"author_block_rating":4.8918918918919,"active_installs":100,"downloads":7860,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":3,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"wildworks","date":"2022-03-01 01:31:10"},"1.0.1":{"tag":"1.0.1","author":"wildworks","date":"2022-03-03 03:42:02"},"1.0.2":{"tag":"1.0.2","author":"wildworks","date":"2022-05-19 10:00:23"},"1.1.0":{"tag":"1.1.0","author":"wildworks","date":"2022-10-06 12:52:25"},"1.1.1":{"tag":"1.1.1","author":"wildworks","date":"2022-10-14 08:17:45"},"2.0.0":{"tag":"2.0.0","author":"wildworks","date":"2022-12-12 14:41:56"},"2.1.0":{"tag":"2.1.0","author":"wildworks","date":"2023-03-10 01:38:31"},"2.2.0":{"tag":"2.2.0","author":"wildworks","date":"2023-07-20 13:00:20"},"2.3.0":{"tag":"2.3.0","author":"wildworks","date":"2023-10-17 11:34:13"},"2.4.0":{"tag":"2.4.0","author":"wildworks","date":"2024-03-07 12:15:07"},"2.5.0":{"tag":"2.5.0","author":"wildworks","date":"2024-06-26 03:21:31"},"2.6.0":{"tag":"2.6.0","author":"wildworks","date":"2024-10-11 08:10:43"},"2.7.0":{"tag":"2.7.0","author":"wildworks","date":"2025-03-17 12:37:47"},"2.8.0":{"tag":"2.8.0","author":"wildworks","date":"2025-11-08 11:40:24"},"2.9.0":{"tag":"2.9.0","author":"wildworks","date":"2026-03-03 05:56:23"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":1,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2687908,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2687908,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3392153,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3392153,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3473288,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/wp-admin\\\/post.php?post=5&action=edit\",\"steps\":[{\"step\":\"login\",\"username\":\"admin\"},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"piano-block\"},\"options\":{\"activate\":true}},{\"step\":\"runPHP\",\"code\":\"<?php\\ninclude 'wordpress\\\/wp-load.php';\\nwp_insert_post(array(\\n'import_id' => 5,\\n'post_title' => 'Piano Block',\\n'post_content' => '<!-- wp:piano-block\\\/piano \\\/-->',\\n'post_status' => 'publish',\\n'post_author' => 1\\n));\"}]}"}},"all_blocks":{"piano-block\/piano":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"piano-block\/piano","title":"Piano","description":"Play the melody.","category":"media","keywords":["audio","music","piano"],"icon":"<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='black' viewBox='0 0 24 24'><path d='M7.3,23h4.2h1h4.2h1H23V1h-5.2h-1h-4.2h-1H7.3h-1H1v22h5.2H7.3z M21.9,21.9h-4v-6.4h1.3V2.1h2.7L21.9,21.9L21.9,21.9z M16.6,15.5v6.4h-4v-6.4h1.3V2.1h1.2v13.4L16.6,15.5L16.6,15.5z M11.4,15.5v6.4h-4v-6.4h1.3V2.1h1.2v13.4L11.4,15.5L11.4,15.5z M6.1,21.9h-4V2.1h2.6v13.4h1.4V21.9z'\/><\/svg>","attributes":{"volume":{"type":"number"},"octaveOffset":{"type":"number"},"instrument":{"type":"string"},"useSustainPedal":{"type":"boolean"},"showOnFront":{"type":"boolean"},"synthesizerSetting":{"type":"object"},"keyLayout":{"type":"string"},"keyIndicator":{"type":"string"}},"supports":{"align":["wide","full"],"color":{"enableContrastChecker":false,"text":false,"background":true,"gradients":true},"__experimentalBorder":{"radius":true,"color":true,"style":true,"width":true},"spacing":{"margin":["top","bottom"]}},"textdomain":"piano-block","viewScript":"file:view.js","editorScript":"file:index.js","style":"file:style-index.css"}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.1.0","1.1.1","2.0.0","2.1.0","2.2.0","2.3.0","2.4.0","2.5.0","2.6.0","2.7.0","2.8.0","2.9.0"],"block_files":["\/tags\/2.9.0\/build\/index.js","\/tags\/2.9.0\/build\/style-index.css","\/tags\/2.9.0\/src\/index.js","\/tags\/2.9.0\/src\/style-index.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3392153,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3392153,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Piano Block","2":"Piano Block Synthesizer Setting"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[452,148076,218,179239],"plugin_category":[50],"plugin_contributors":[185577],"plugin_business_model":[],"class_list":["post-153973","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-audio","plugin_tags-gutenberg","plugin_tags-music","plugin_tags-piano","plugin_category-media","plugin_contributors-wildworks","plugin_committers-wildworks"],"banners":{"banner":"https:\/\/ps.w.org\/piano-block\/assets\/banner-772x250.png?rev=3392153","banner_2x":"https:\/\/ps.w.org\/piano-block\/assets\/banner-1544x500.png?rev=3392153","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/piano-block\/assets\/icon-128x128.png?rev=2687908","icon_2x":"https:\/\/ps.w.org\/piano-block\/assets\/icon-256x256.png?rev=2687908","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/piano-block\/assets\/screenshot-1.png?rev=3392153","caption":"Piano Block"},{"src":"https:\/\/ps.w.org\/piano-block\/assets\/screenshot-2.png?rev=3392153","caption":"Piano Block Synthesizer Setting"}],"raw_content":"<!--section=description-->\n<p>Piano Block is a plugin that allow you to play a variety of tones using the piano keyboard.\nThis plugin does not add any useful features to WordPress, nor does it add any useful blocks to help you write posts.\nLet's insert this block and enjoy the music if you are stuck in writing an article or just want a little distraction.<\/p>\n\n<ul>\n<li>15 instruments<\/li>\n<li>Realistic sound based on sound sources sampled from actual instruments<\/li>\n<li>Variable volume, switchable octave pitch and sustain pedal status<\/li>\n<li>Synthesizer with 18 oscillators and customizable envelope<\/li>\n<\/ul>\n\n<p>Note: The keys are optimized for the QWERTY keyboard and may not map correctly on other keyboards.<\/p>\n\n<h3>Resources, Audio Samples<\/h3>\n\n<h4>Tone.js (Web Audio framework)<\/h4>\n\n<p>License: MIT License\nSource: https:\/\/github.com\/Tonejs\/Tone.js\/<\/p>\n\n<h4>Splendid Grand Piano (Acoustic Piano)<\/h4>\n\n<p>License: Public Domain\nSource: https:\/\/github.com\/sfzinstruments\/SplendidGrandPiano<\/p>\n\n<h4>Greg Sullivan's E-Pianos (Electric Piano1, 2)<\/h4>\n\n<p>License: CC-BY-3.0\nSource: https:\/\/github.com\/sfzinstruments\/GregSullivan.E-Pianos<\/p>\n\n<h4>tonewheel organ sound samples by hammondman (Organ)<\/h4>\n\n<p>License: CC0-1.0\nSource: https:\/\/freesound.org\/people\/hammondman\/packs\/18844\/<\/p>\n\n<h4>Shinyguitar by Karoryfer Samples (Electric Guitar, Acoustic Guitar)<\/h4>\n\n<p>License: CC-BY-4.0\nSource: https:\/\/github.com\/sfzinstruments\/karoryfer.shinyguitar<\/p>\n\n<h4>Pastabass by Karoryfer Samples (Electric Bass)<\/h4>\n\n<p>License: CC-BY-4.0\nSource: https:\/\/github.com\/sfzinstruments\/karoryfer.pastabass<\/p>\n\n<h4>Meatbass by Karoryfer Samples (Acoustic Bass)<\/h4>\n\n<p>License: CC-BY-4.0\nSource: https:\/\/github.com\/sfzinstruments\/karoryfer.meatbass<\/p>\n\n<h4>Bear Sax by Karoryfer Samples (Sax)<\/h4>\n\n<p>License: CC-BY-4.0\nSource: https:\/\/github.com\/sfzinstruments\/karoryfer.bear-sax<\/p>\n\n<h4>VS Chamber Orchestra (Flute, Harp, Muted Trumpet, Violin, Xylophone)<\/h4>\n\n<p>License: CC0-1.0\nSource: https:\/\/github.com\/sgossner\/VSCO-2-CE<\/p>\n\n<h4>SVG Repo (Block Icon)<\/h4>\n\n<p>License: CC0\nSource: https:\/\/www.svgrepo.com\/svg\/47923\/piano-keys-part<\/p>\n\n<h4>Free SVG (Block Background Image)<\/h4>\n\n<p>License: Public Domain\nSource: https:\/\/freesvg.org\/wg-3<\/p>\n\n<h4>Google Fonts (Banner Font)<\/h4>\n\n<p>License: Apache License 2.0\nSource: https:\/\/fonts.google.com\/specimen\/Yellowtail<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>piano-block<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the \\'Plugins\\' menu in WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20will%20this%20block%20be%20displayed%20on%20the%20frontend%20%3F\"><h3>How will this block be displayed on the frontend ?<\/h3><\/dt>\n<dd><p>By default, nothing is output to the front end. If you turn on \"Display on the front end\" in the sidebar settings, the piano will also appear on the front end and the visitors to yout site can play. However, multiple pianos cannot be displayed on the same page.<\/p><\/dd>\n<dt id=\"is%20it%20possible%20to%20record%20the%20sound%20of%20my%20play%20%3F\"><h3>Is it possible to record the sound of my play ?<\/h3><\/dt>\n<dd><p>Recording is not supported in the current version due to technical or licensing issues.\nI may add it in a future update if those issues can be resolved.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.9.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 7.0<\/li>\n<li>Enhancement: Polish block sidebar<\/li>\n<li>Drop support for WordPress 6.8<\/li>\n<\/ul>\n\n<h4>2.8.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.9<\/li>\n<li>Enhancement: Add border support<\/li>\n<li>Enhancement: Polish the control section style with 32px size<\/li>\n<li>Enhancement: Add aria roles to toggle buttons<\/li>\n<li>Enhancement: Add label to piano container and improve focus style<\/li>\n<li>Enhancement: Polish Synthesizer settings modal<\/li>\n<li>Enhancement: Polish modal style<\/li>\n<li>Enhancement: Change order of options in Octave dropdown<\/li>\n<li>Drop support for WordPress 6.6 and 6.7<\/li>\n<li>Drop support for PHP 7<\/li>\n<\/ul>\n\n<h4>2.7.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.8<\/li>\n<li>Enhancement: Polish the style of the control section<\/li>\n<li>Accessibility: Respect user preference for CSS transitions<\/li>\n<li>Fix: Block is not rendered on the front-end in certain configurations<\/li>\n<li>Drop support for WordPress 6.5<\/li>\n<\/ul>\n\n<h4>2.6.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.7<\/li>\n<li>Enhancement: Improve playing responsiveness<\/li>\n<li>Enhancement: Update API version from 2 to 3<\/li>\n<li>Enhancement: Improve block icon appearance<\/li>\n<li>Enhancement: Polish the style of the control section<\/li>\n<li>Drop support for WordPress 6.4<\/li>\n<\/ul>\n\n<h4>2.5.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.6<\/li>\n<li>Drop support for WordPress 6.3<\/li>\n<\/ul>\n\n<h4>2.4.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.5<\/li>\n<li>Enhancement: Improve compatibility with theme styles on the front end<\/li>\n<li>Enhancement: Improve layout consistency<\/li>\n<li>Enhancement: Apply custom scrollbar<\/li>\n<li>Enhancement: Reduce the size of the keyboard<\/li>\n<li>Fix: Typo<\/li>\n<li>Drop support for WordPress 6.2<\/li>\n<\/ul>\n\n<h4>2.3.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.4<\/li>\n<li>Add: Keyboard indicator setting<\/li>\n<li>Drop support for WordPress 6.1<\/li>\n<\/ul>\n\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.3<\/li>\n<li>Add: Keyboard layout setting<\/li>\n<li>Enhancement: Allow multiple blocks to be inserted<\/li>\n<li>Enhancement: Improve keyboard and focus events<\/li>\n<li>Enhancement: Improve compatibility with theme styles on the front end<\/li>\n<li>Drop support for WordPress 5.9, 6.0<\/li>\n<li>Drop support for PHP 7.3<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.2<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Add: Synthesizer<\/li>\n<li>Enhancement: Accessibility Improvements<\/li>\n<li>Fix: Duplicate script loading on the front end<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.1<\/li>\n<li>Enhancement: Polish front-end styles<\/li>\n<li>Fix: browser console error<\/li>\n<li>Fix: Apply translation on the front end<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Add: Rendering option on the front-end<\/li>\n<li>Add: margin block support<\/li>\n<li>Add: background block support<\/li>\n<li>Enhancement: Polish the style of the control section<\/li>\n<li>Clean: Remove unnecessary files<\/li>\n<li>Doc: Update readme<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Tested to WordPress 6.0<\/li>\n<li>Fix: Don't enqueue scripts on frontend<\/li>\n<li>Doc: Update author name<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Doc: Fix typo and spelling inconsistencies<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Can play a variety of tones using the piano keyboard.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/153973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=153973"}],"author":[{"embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wildworks"}],"wp:attachment":[{"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=153973"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=153973"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=153973"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=153973"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=153973"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=153973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}