モールス符号練習機？改良版？

ボタンを押している間だけ音を鳴らします。　https://n3s.nadesi.com/id.php?3322(モールス符号練習機？)改良版、異常動作するかも.....

エディタ

プログラム

#みけCAT 作　モールス符号練習機？https://n3s.nadesi.com/id.php?3322をお借りした、改良版?です。
#改良してますが、異常動作する可能性が高いです。

// ==========================================
// 1. UIとボタンのスタイル設定
// ==========================================
送信ボタンは「押」のボタン作成。
送信ボタンの「width」に「100px」をDOMスタイル設定。
送信ボタンの「height」に「100px」をDOMスタイル設定。
送信ボタンの「lineHeight」に「80px」をDOMスタイル設定。 /* 高さと同じ値にして上下中央にする */
送信ボタンの「textAlign」に「center」をDOMスタイル設定。  /* 左右中央にする */
送信ボタンの「fontSize」に「90px」をDOMスタイル設定。    /* 枠に合わせた大きなサイズ */
送信ボタンの「padding」に「0」をDOMスタイル設定。

// ==========================================
// 2. 音声データ（1kHz 矩形波）
// ==========================================
WAVデータは[
  0x52, 0x49, 0x46, 0x46, 0xa4, 0x38, 0x01, 0x00, 0x57, 0x41, 0x56, 0x45,
  0x66, 0x6d, 0x74, 0x20, 0x10, 0x00, 0x00, 0x00,
  0x01, 0x00, 0x01, 0x00, 0x40, 0x1f, 0x00, 0x00, 0x40, 0x1f, 0x00, 0x00,
  0x01, 0x00, 0x08, 0x00,
  0x64, 0x61, 0x74, 0x61, 0x80, 0x38, 0x01, 0x00
]。

10000回、繰り返す
  4回、WAVデータに0x00を配列追加。
  4回、WAVデータに0xFFを配列追加。
ここまで。

WAVデータに{関数}CHRを配列関数適用して配列只結合。
「btoa」を[それ]でJS関数実行。
オーディオURLは「data:audio/wav;base64,{それ}」。
オーディオオブジェクトはオーディオURLをオーディオ開く。

// ==========================================
// 5. イベントの割り当て（PC・スマホ両対応）
// ==========================================

送信ボタンをマウス押した時には
  オーディオオブジェクトをオーディオループ再生。
ここまで。

送信ボタンをタッチした時には
  オーディオオブジェクトをオーディオループ再生。
ここまで。

送信ボタンをマウス離した時には
  オーディオオブジェクトをオーディオ停止。
ここまで。

送信ボタンをタッチ終了した時には
  オーディオオブジェクトをオーディオ停止。
ここまで。

送信ボタンをマウス出た時には
  オーディオオブジェクトをオーディオ停止。
ここまで。

実行結果

保存

プログラムを保存

表示ページ

直前に実行または一時保存した内容を復元

実行環境

なでしこバージョン

素材

画像・音声・データ

ログインすると素材をアップロードできます。

🍯 プログラム貯蔵庫

プログラム

プログラムを保存

なでしこバージョン

画像・音声・データ