【プロンプト】 音質と操作性に特化したグロッケンシュピールの物理音源シミュレーションを、ブラウザ上で動く単体のindex.htmlとして作成したいです。外部ライブラリは使用せず、CSSの装飾も抑えてHTML標準コンポーネントで構成してください。3種類のマレット選択と叩く位置による音色変化を実装した、単一HTMLファイルのテキストを出力お願いします。

物理ベース・グロッケンシュピール (Euler-Bernoulli Free-Free Beam Modal Synthesis)

物理パラメータ・マレット設定
直前の打撃解析・空間モード形状 φ_n(x)
音板を叩くと、打撃位置 x/L に対する各固有モードの励起振幅が表示されます。
各モードの物理演算値 (オイラー・ベルヌーイ両端自由梁)
モード 種別 周波数比 (f_n/f_1) 周波数 (Hz) 空間振幅 |φ_n(x)| マレット伝達 H(f_n) 最終初期振幅
未打撃