Html 如何只允许在一个页面上播放多个音频文件中的一个？

所以，我将在一个页面上有几个音频文件。我想知道如何制作它，以便只有一首歌可以在同一时间播放。现在，我可以点击“播放”所有文件，它们都开始播放。有没有办法让它这样，如果歌曲1正在播放，我点击歌曲2上的“播放”，那么歌曲1将停止播放

以下是我的两首歌曲的基本代码：

    <table>
                <tr>                       <!--Off The Grid-->
                    <td>Off The Grid</td>  
                    <td>                   <!--Audio File -->
                        <object width="200px" height="15px">
                            <param name="src" value="../audio/off_the_grid_michael_pitluk.mp3">
                            <param name="autoplay" value="false">
                            <param name="controller" value="true">
                            <param name="bgcolor" value="#ffffff">
                            <embed src="../audio/off_the_grid_michael_pitluk.mp3" autostart="false" loop="false" width="75px" height="40px" controller="true" bgcolor="#ffffff"></embed>
                        </object>
                    </td>                  <!--End Audio File -->
                </tr>                      <!--End Off the Grid -->
                <tr>                       <!--Far-Sighted-->
                    <td>Far-Sighted</td>
                    <td>
                        <object width="200px" height="15px">
                            <param name="src" value="../audio/far_sighted_michael_pitluk.mp3">
                            <param name="autoplay" value="false">
                            <param name="controller" value="true">
                            <param name="bgcolor" value="#ffffff">
                            <embed src="../audio/far_sighted_michael_pitluk.mp3" autostart="false" loop="false" width="75px" height="40px" controller="true" bgcolor="#ffffff"></embed>
                        </object>
                    </td>
                </tr>
            </table>

离网
远见卓识

---

注意：这里还有一个与我完全相同的问题，但我根本不理解代码。也许我需要学习那个特定的代码。谁能告诉我代码语言是什么吗。看来我需要学习一种脚本语言或其他东西来实现这一点。

好吧，要实现音频播放的互斥，你需要脚本

您提到的示例在中，但使用的是框架

$(document).ready(function(){ 
    $("#play-bt").click(function(){
        $("#audio-player")[0].play();
    })

    $("#stop-bt").click(function(){
        $("#audio-player")[0].pause();
        $("#audio-player")[0].currentTime = 0;
    })
})

该代码附加了一个“文档已准备好解析”。在该处理程序中，两个单击事件处理程序附加到“播放”和“停止”按钮

简而言之，它是一个手动激活的播放器。下面的解决方案将“关闭一切”功能移动到一个独立的函数，根据需要调用

---

阅读更多关于和的信息。这是一个纯粹的DOM和JavaScript引用。要使用Internet Explorer（尤其是旧版本），您必须自己调整一些内容，或者（更容易）使用jQuery。

事实上，现在几乎所有具有非严格文档功能的网页都使用JavaScript。谢谢您的回答。不幸的是，我不知道任何脚本语言，因为我刚刚学习了html和css。我将如何着手学习为此编写脚本？我应该学习php还是javascript？php是一种语言。有用，但不一定需要。一定要学习JavaScript的基础知识，并记住HTML和JS世界中的事情本质上是相互关联的。jQuery将使您的生活更轻松。