Javascript 单击多个播放按钮并播放相应的歌曲

Javascript:

function Start1 ()
{
    var audie = document.getElementById("myAudio");
    audie.src = ("RWY.mp3");
    audie.play();
}

function Start2 ()
{
    var audie = document.getElementById("myAudio");
    audie.src = ("EL.mp3");
    audie.play();

HTML

---

我正在尝试选择一个图像，一旦单击该图像，就会根据元素中描述的文件播放一首歌曲。

可能是我没有发现您的问题，但为什么要为每个图像或音频制作单独的功能。您也可以使用单个函数来完成，只需像这样传递音频文件的源

function Start (audioFile)
{
    var audie = document.getElementById("myAudio");
    audie.src = audioFile;
    audie.play();
}

标记：

<img src="images/play.png" alt="Play Button width="37" height="30" onclick="Start('RWY.mp3')">

<img src="images/play.png" alt="Play Button width="37" height="30" onclick="Start('EL.mp3')">

---

尽量避免为同一目的使用许多不同的功能。您可以使用使代码简短且非常简单

$(document).ready(function() { // starting our code when document is loaded
    $('.playbtn').click(function() { // attaching this code to click event of any html element having _playbtn_ class
        $(this).data('song'); // getting song name from _data_ container of clicked element $(this)
        $('#myAudio').attr('src',songFileName).play(); // getting element myAudio bi its id, then setting it's src attribute and, finally, starting playback 
    });
});

下面将介绍这方面的HTML

<img src="images/play.png" class='playbtn' alt="Play Button" data-song="RWY.mp3" width="37" height="30" />
<img src="images/play.png" class='playbtn' alt="Play Button" data-song="EL.mp3" width="37" height="30" />

---

从现在起，您只需添加一行即可添加新歌曲按钮-只需复制行，设置新数据歌曲值和。。。哇

问题是什么？哦，谢谢你，这似乎起到了作用。我可以暂停当前歌曲吗？当我暂停另一个图像（暂停图像）时，它会代替播放吗？是的，你可以使用

audie.pause（）

方法暂停歌曲，就像你使用

audie.play（）播放那首歌曲一样

以及如何使用相同的按钮执行此操作。例如，单击时播放歌曲，再次单击时暂停。感谢您的帮助！！是的，您也可以这样做，为此，您可以检查文件的状态，如下所示

如果（audio.paused==false）{audio.paused（）}

我设法暂停了文件，但使用了一个单独的函数，使用相同的按钮播放和暂停标记应该是这样的吗？

$(document).ready(function() { // starting our code when document is loaded
    $('.playbtn').click(function() { // attaching this code to click event of any html element having _playbtn_ class
        $(this).data('song'); // getting song name from _data_ container of clicked element $(this)
        $('#myAudio').attr('src',songFileName).play(); // getting element myAudio bi its id, then setting it's src attribute and, finally, starting playback 
    });
});

<img src="images/play.png" class='playbtn' alt="Play Button" data-song="RWY.mp3" width="37" height="30" />
<img src="images/play.png" class='playbtn' alt="Play Button" data-song="EL.mp3" width="37" height="30" />