説明
Piano Block は、ピアノの鍵盤を使って様々な音色を奏でることができるプラグインです。
このプラグインは、WordPress に便利な機能を追加するものでも、記事を執筆するための便利なブロックを追加するものでもありません。
記事作成に行き詰まったときや、ちょっと気晴らししたいときに、このブロックを挿入して音楽を楽しんでみましょう。
- 15の楽器
- 実際の楽器からサンプリングされた音源に基づいたリアルなサウンド
- ボリュームを変更可能、オクターブピッチやサスティンペダルの状態を切替可能
- 18のオシレータとカスタマイズ可能なエンベロープを備えたシンセサイザー
注: 鍵盤は QWERTY キーボードに最適化されており、他のキーボードでは正しくマッピングされない場合があります。
リソース、オーディオサンプル
Tone.js (Web オーディオフレームワーク)
ライセンス: MIT License
ソース: https://github.com/Tonejs/Tone.js/
Splendid Grand Piano (アコースティックピアノ)
ライセンス: パブリックドメイン
ソース: https://github.com/sfzinstruments/SplendidGrandPiano
Greg Sullivan’s E-Pianos (エレクトリックピアノ1、2)
ライセンス: CC-BY-3.0
ソース: https://github.com/sfzinstruments/GregSullivan.E-Pianos
tonewheel organ sound samples by hammondman (オルガン)
ライセンス: CC0-1.0
ソース: https://freesound.org/people/hammondman/packs/18844/
Shinyguitar by Karoryfer Samples (エレクトリックギター、アコースティックギター)
ライセンス: CC-BY-4.0
ソース: https://github.com/sfzinstruments/karoryfer.shinyguitar
Pastabass by Karoryfer Samples (エレクトリックベース)
ライセンス: CC-BY-4.0
ソース: https://github.com/sfzinstruments/karoryfer.pastabass
Meatbass by Karoryfer Samples (アコースティックベース)
ライセンス: CC-BY-4.0
ソース: https://github.com/sfzinstruments/karoryfer.meatbass
Bear Sax by Karoryfer Samples (サックス)
ライセンス: CC-BY-4.0
ソース: https://github.com/sfzinstruments/karoryfer.bear-sax
VS Chamber Orchestra (フルート、ハープ、ミュートトランペット、バイオリン、ザイロフォン)
ライセンス: CC0-1.0
ソース: https://github.com/sgossner/VSCO-2-CE
SVG Repo (ブロックアイコン)
ライセンス: CC0
ソース: https://www.svgrepo.com/svg/47923/piano-keys-part
Free SVG (ブロックの背景画像)
ライセンス: パブリックドメイン
ソース: https://freesvg.org/wg-3
Google フォント (バナーフォント)
ライセンス: Apache License 2.0
ソース: https://fonts.google.com/specimen/Yellowtail
スクリーンショット
ブロック
このプラグインは1個のブロックを提供します。
- Piano Play the melody.
インストール
piano-block
のフォルダを/wp-content/plugins/
ディレクトリにアップロードしてください。- WordPress の「プラグイン」メニューからプラグインを有効化します。
FAQ
-
このブロックはフロントエンドでどのように表示されますか ?
-
デフォルトでは、フロントエンドには何も出力されません。サイドバーの設定で「フロントエンドで表示する」を有効にすると、ピアノがフロントエンドにも表示され、サイト訪問者が演奏できるようになります。ただし、同じページに複数のピアノを表示することはできません。
-
自分が演奏した音を録音することはできますか ?
-
技術的またはライセンス上の問題から、現在のバージョンでは録音はサポートされていません。
これらの問題が解決されれば、将来のアップデートで追加する可能性があります。
評価
貢献者と開発者
変更履歴
2.5.0
- WordPress 6.6で動作確認
- WordPress 6.3のサポートを停止
2.4.0
- WordPress 6.5で動作確認
- 機能改善: フロントエンドでのテーマスタイルとの互換性を改善
- 機能改善: レイアウトの一貫性の向上
- 機能改善: カスタムスクロールバーを適用
- 機能改善: キーボードのサイズを小さくする
- 修正: タイポ
- WordPress 6.2のサポートを停止
2.3.0
- WordPress 6.4で動作確認
- 追加: キーボードインジゲーター設定
- WordPress 6.1のサポートを停止
2.2.0
- WordPress 6.3で動作確認
- 追加: キーボードレイアウト設定
- 機能改善: 複数ブロックの挿入を許可
- 機能改善: キーボードとフォーカスイベントの改善
- 機能改善: フロントエンドでのテーマスタイルとの互換性を改善
- WordPress 5.9、6.0のサポートを停止
- PHP7.3のサポートを停止
2.1.0
- WordPress 6.2で動作確認
2.0.0
- 追加: シンセサイザー
- 機能改善: アクセシビリティの向上
- 修正: フロントエンドでのスクリプトの重複読み込み
1.1.1
- WordPress 6.1で動作確認
- 機能改善: フロントエンドスタイルの調整
- 修正: ブラウザーのコンソールエラー
- 修正: 翻訳をフロントエンドに適用
1.1.0
- 追加: フロントエンドでレンダリングするオプション
- 追加: マージンのブロックサポート
- 追加: 背景色のブロックサポート
- 機能改善: コントロールセクションのスタイルを調整
- 整理: 不要なファイルの削除
- ドキュメント: readme のアップデート
1.0.2
- WordPress 6.0で動作確認
- 修正: フロントエンドでスクリプトをエンキューしない
- ドキュメント: 作者名のアップデート
1.0.1
- ドキュメント: タイポと表記ゆれの修正
1.0.0
- 初回リリース