0

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

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

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

4

2 回答 2

1

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

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')">

更新：

function StartOrStop(audioFile)
  {
    var audie = document.getElementById("myAudio");
    audie.src = audioFile;
    if(audie.paused==false)
     {
        audie.Paused();
     }
     else
     {
       audie.play();
     }
  }
于 2013-03-23T10:56:19.373 回答
0

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

$(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" />

从现在开始，您只需添加一行即可添加新歌曲按钮 - 只需复制 <img ... /> 行，设置新的数据歌曲值和... wuala！

于 2013-03-23T10:57:36.817 回答