和音の出る五度圏時計です。文字盤のコード名をクリックまたはタッチしてみてください。
Chord-soundable circle-of-fifths clock - Click or touch the chord symbol on dial
時計の文字盤を左クリックすると、そこに書かれているコードが鳴ります。一番外側の調号の部分をクリックするとsus4を鳴らせます。
押したまま円周方向になぞってコードをかき鳴らすこともできます（放射方向には反応しません）。時計回りと反時計回りで音の順序が反転します。
右クリックで7thも鳴らせます（メジャー、マイナー、sus4のどこで右クリックしても7がつきます）。
Shift、Ctrl、Altキーを組み合わせると、さらに多くの種類のコード(M7、6、-5、aug、dim7、9、add9など)を鳴らすことができます。キー割り当てはMIDI Chord Helperと同じです。詳しくはMIDI Chord Helper マニュアル：マウスでコードを鳴らすを参照してください。
鍵盤部分をマウスで押してメロディを弾くこともできます。
文字盤にフォーカスを入れると、PCのキーボードでコードを弾けます。6YHの列が、現在の調と同名のコードに割り当てられます。
矢印キーで調号選択の切り替えも可能です（↑半音UP、↓半音DOWN、←1時間戻る、→1時間進む）。
PCキーボードの場合は右クリックできないので、MIDI Chord Helper と同様にShiftキーで代用できるようにしています。なお、マウスの場合のShiftキーの機能はMetaキー（Windowsキー）に割り当ててみましたが、OSによってはMetaキーをうまく検知できず、本来の機能として思わぬ動作をしてしまう場合があるので注意してください。
文字盤の隅にあるコード入力欄からテキスト入力してコードを鳴らすこともできます。 テキスト入力に限り、「コード名/ベース音」のような分数コード（Slash chord）を鳴らせます。
鍵盤部分にフォーカスを入れると、PCのキーボードで演奏できます。ただし、PCのキーボードは同時押しのできない組み合わせがあることが多いため、特定の和音が出せないことがあります。そんな場合に備えてMIDI INポートも装備していますので、ぜひ、MIDIキーボードを接続して演奏してみてください。
スマホやタブレットのようなタッチ操作デバイスの場合も、タップしてコードを鳴らしたり、円周方向になぞってかき鳴らすことができます。
右クリックやShiftキーなどが使えなくても色々なコードを鳴らせるよう、代替手段として電子楽器CAmiDionと同様のシフトボタン（Maj7、add9、7th、-5/aug）が文字盤の下に現れます。 CAmiDionボタン操作表と同じ割当なので、そのままマルチタッチで同時押しを組み合わせ、色々なコードを鳴らすことができます。
鍵盤部分を押してメロディを弾くこともできます（スマホだとちょっと狭いので、できればタブレットがおすすめ）。
Keyプルダウンで調号の♯、♭の数を選択すると、コードの♯、♭の使い分けが調整され、そのキーにとってよりふさわしい表記に正規化されます。
【例】
このように調号の♯、♭の数が多くなると、白鍵の音階なのに♯、♭がついたり、ときには𝄪(ダブルシャープ)、𝄫(ダブルフラット)が出現することがあります。
音を鳴らすと、MIDI Chord Helper と同じようなトーンインジケーターが文字盤に現れますが、この表示色も調号選択に応じて変化します。
次の場合、プルダウン操作なしで簡単に調号を切り替えられるボタンが現れます。
内蔵MIDIシーケンサーにより、MIDIファイルを選択して再生できます。
MIDI player の枠にMIDIファイルをドラッグ＆ドロップ、または MIDI file ボタンからファイルを選択して読み込ませると、自動的に🌛ダークモード/🪭Pieモードになって再生されます。 このモードにすると、まるでイルミネーションのようにトーンインジケーターが美しく光り輝き、その曲のコード進行を視覚的に実感できます。
MIDIファイルに調号変更メタイベントが設定されていれば、再生時に所定のタイミングで自動的に調号選択が変更されます。
MIDIポートを装備している場合、ポート名のチェックボックスが現れますので、接続したいポートをチェックしてください。
MIDIチャンネルを選択して、MIDI OUTに出力するチャンネルを変更できます。
WebMidiLinkのリンクレベル0にも対応していますので、WebSequencerと接続することで、MIDI再生結果をClockChordのトーンインジケータに表示してコード進行を視覚化しながら鳴らすこともできます。
※ MIDIの規格上、MIDIポートにメタイベントを流すことはできないので、外部のMIDIシーケンサーで再生しても調号の自動選択は働きません。 調号を自動選択させたい場合は、内蔵MIDIシーケンサーで再生してください。
能動的音楽鑑賞サービスSongle（ソングル）に登録されている楽曲を Songle Widget で埋め込み再生できるプレーヤーです。
Search欄にキーワードを入力して検索ボタン [🔍Search] を押すと、Songle Widget の楽曲検索 API で検索した結果が表示されます。
Songleに登録されている楽曲のURLを指定して Songle Widget を開くには、Songle player の枠に下記の値を入力して[Load]ボタンをクリックします。
入力したキーに追加で、転調位置（ミリ秒[ms]単位）、転調先のキー、この2つを交互にカンマ区切りで指定します。
例：Dm,123456,Bb,234567,F#m
転調位置を把握するには、再生途中で転調した！と思った瞬間に一時停止し、埋め込みプレーヤーの上に表示されている現在の再生位置[ms]を確認してください。
Songleの自動解析は完璧ではないので、解析後に誰も訂正していなかったりすると、そういうことがありがちです。 ぜひ、Songleのデータを訂正してあげてください。
Songleで視覚的にコード進行を覚えたので、今度は自分でコード演奏してみたい！ …と思ったら、文字盤左下にある Auto のチェックを外してみましょう。Songle Widgetによるコード演奏が止まり、自分で曲に合わせてコード演奏できるようになります。
ClockChordを開くときに下記のURL検索パラメータを指定できます。
下記の環境で動作を確認できています。
他にも、こんな時計のページを作りました：抵抗カラーコード時計
MIDI IN