2025-07-09 22:07
HTML5是一种用于构建和展示网页内容的标准。它不仅支持文本和图像，还可以嵌入音频和视频。在许多网页应用程序中，我们需要知道音频是否正在播放，以便根据需要进行相应的操作。本文将介绍如何使用HTML5来检查音频是否正在播放，并提供一个实际的案例代码。
html<!DOCTYPE html><html><body><audio id="myAudio" controls> <source src="audio.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio><button onclick="checkAudio()">Check Audio</button><script>function checkAudio() { var audio = document.getElementById("myAudio"); if (audio.paused) { alert("Audio is paused"); } else { alert("Audio is playing"); }}</script></body></html>
html<!DOCTYPE html><html><body><audio id="myAudio" controls> <source src="audio.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio><script>function checkAudio() { var audio = document.getElementById("myAudio"); var status = document.getElementById("status"); if (audio.paused) { status.innerHTML = "<strong>Audio is paused</strong>"; } else { status.innerHTML = "<strong>Audio is playing</strong>"; }}</script><button onclick="checkAudio()">Check Audio</button></body></html>
元素，并给它设置了一个id属性为"status"。在checkAudio()函数中，我们使用innerHTML属性将文本赋给status元素。如果音频暂停，我们使用标签将文本包装以突出显示"Audio is paused"；如果音频正在播放，我们也使用标签将文本包装以突出显示"Audio is playing"。
关于我们|免责条款|版权声明|侵权举报|隐私政策|联系我们
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号
