一个页面禁止两个audio标签同时播放

一个页面禁止两个audio标签同时播放,在这个示例中，我们为两个audio标签添加了事件监听器，当一个audio开始播放时，检查另一个audio是否正在播放，如果是，则暂停它。这样就实现了禁止两个audio标签同时播放的功能。

要实现这个功能，可以使用JavaScript来控制两个audio标签的播放状态。当一个audio开始播放时，暂停另一个audio。以下是一个简单的示例：

代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>禁止两个audio标签同时播放</title>
</head>
<body>
    <audio id="audio1" controls>
        <source src="audio1.mp3" type="audio/mpeg">
        您的浏览器不支持audio标签。
    </audio>
    <br>
    <audio id="audio2" controls>
        <source src="audio2.mp3" type="audio/mpeg">
        您的浏览器不支持audio标签。
    </audio>

    <script>
        var audio1 = document.getElementById("audio1");
        var audio2 = document.getElementById("audio2");

        audio1.addEventListener("play", function() {
            if (!audio2.paused) {
                audio2.pause();
            }
        });

        audio2.addEventListener("play", function() {
            if (!audio1.paused) {
                audio1.pause();
            }
        });
    </script>
</body>
</html>