音階の再生
ChatGPTへの指示:
Aの短音階を鳴らすJavaScriptプログラムください
以下が回答
/icons/hr.icon
Aの短音階(Aナチュラルマイナースケール、つまりA B C D E F G A)を鳴らすJavaScriptプログラムは、Web Audio APIを使えばブラウザ上で簡単に鳴らせますで。 以下のコードは、Aマイナースケールを順番に再生するシンプルな例やで:
code:aminor.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Aマイナースケール再生</title>
</head>
<body>
<button onclick="playScale()">Aマイナースケール再生</button>
<script>
function playScale() {
const AudioContext = window.AudioContext || window.webkitAudioContext;
const ctx = new AudioContext();
const scale = [
220.00, // A
246.94, // B
261.63, // C
293.66, // D
329.63, // E
349.23, // F
392.00, // G
440.00 // A (octave)
];
scale.forEach((freq, i) => {
const osc = ctx.createOscillator();
const gain = ctx.createGain();
osc.connect(gain);
gain.connect(ctx.destination);
osc.type = 'sine';
osc.frequency.value = freq;
const startTime = ctx.currentTime + i * 0.5;
osc.start(startTime);
osc.stop(startTime + 0.4);
});
}
</script>
</body>
</html>
説明
AudioContext を使ってサウンドを作る。
Aナチュラルマイナースケールの周波数をリストにしてる。
各音を0.5秒ずつ順番に再生するように設定してるんや。
このHTMLをブラウザで開いて、ボタン押したら音階が鳴るで!
必要なら、ループしたり、テンポ変えたり、波形(osc.type)変えることもできるで。ほかにやりたいことある?
/icons/hr.icon
生成されたHTML
完全にノーコードでできた! 増井俊之.icon