音量調整アプリ

下のボタンをクリックすると、音声をミュートしたり元に戻したりできます。

現在の音声状態: 通常

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>音量調整アプリ</title>
    <script>
      function toggleMute() {
        var myAudio = document.getElementById("audio");
        myAudio.muted = !myAudio.muted;
        document.getElementById("status").innerHTML = myAudio.muted ? "ミュート中" : "通常";
      }
    </script>
  </head>
  <body>
    <h1>音量調整アプリ</h1>
    <p>下のボタンをクリックすると、音声をミュートしたり元に戻したりできます。</p>
    
    <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" controls autoplay></audio>
    <br>
    <button onclick="toggleMute()">ミュート / 解除</button>
    <p>現在の音声状態: <span id="status">通常</span></p>
  </body>
</html>

ジョーク：「このアプリを使えば、音声がうっとおしい指導者からのビデオ会議も安心です！」