<!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>
ジョーク:「このアプリを使えば、音声がうっとおしい指導者からのビデオ会議も安心です!」