0

所以,我将在一页上有几个音频文件。我想知道如何使它只能同时播放一首歌曲。现在,我可以在所有文件上单击“播放”,它们都开始播放。有没有办法让如果歌曲 1 正在播放并且我在歌曲 2 上单击“播放”,那么歌曲 1 将停止播放?

这是我的 2 首歌曲的基本代码:

    <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>

注意:这里还有一个和我一模一样的问题,但我根本不懂代码。也许我需要学习那个特定的代码。谁能告诉我代码语言是什么?这是另一个问题。看来我需要学习一门脚本语言或其他东西来实现这一点。

4

1 回答 1

0

AFAIK,要实现音频播放的互斥,您需要编写脚本。

您提到的示例是在JavaScript中,但使用的是jQuery框架。

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

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

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

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

阅读有关DOMDOM 事件的更多信息。那是一个纯粹的 DOM 和 JavaScript 引用。要使 Internet Explorer(尤其是旧版本)能够正常工作,您必须自己调整一些东西,或者(更容易)使用 jQuery。

于 2013-07-02T03:40:24.517 回答