时间戳

首页 > 解决方案 > 在两个剪辑之间切换音频 通过两个按钮

button - 在两个剪辑之间切换音频 通过两个按钮

问题描述

我试图输入这段代码，但问题是第二个按钮没有

     var button = document.getElementById("controls");
     var track1 = document.getElementById("audio1");
     var track2 = document.getElementById("audio2");

     button.onclick = function(){
       currTrackNo = this.innerHTML.replace(/Play track /, "");
       nextTrackNo = (currTrackNo == "1")? "2" : "1";
       this.innerHTML = "Play track " + nextTrackNo;

       if (currTrackNo == "1"){
         track1.play();
         track2.pause();
       } else {
         track2.play();
         track1.pause();
       }
     }
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Toggle sound clips</title>
  </head>

  <body>
    <audio id="audio1" src="1.mp3"></audio>
    <audio id="audio2" src="2.mp3"></audio>
    <button id="controls">Play track 1</button>
    <button id="controls">Play track 1</button>

我试图输入这段代码，但问题是第二个按钮没有

标签： buttonaudioswitching

解决方案

每个标签的 ID 应该是唯一的。尝试将第二个按钮 id 更改为其他内容。然后通过其新 ID 获取对该按钮的引用。之后为第二个按钮设置正确的操作。
您可能想查看此链接，其中解释了有关 id 属性的更多信息。

推荐阅读