Переключение звука между двумя клипами с помощью двух кнопок - PullRequest
Новая
       20

Переключение звука между двумя клипами с помощью двух кнопок

0 голосов
/ 02 декабря 2018

Я пытался поставить этот код, но проблема в том, что вторая кнопка не 

     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>

Я пытался поставить этот код, но проблема в том, что вторая кнопка не

1 Ответ

0 голосов
/ 02 декабря 2018

Идентификатор для каждого тега должен быть уникальным.попробуйте изменить идентификатор второй кнопки на другую вещь.Затем получите ссылку на эту кнопку по ее новому идентификатору.После этого установите правильное действие для второй кнопки.
Вы можете проверить эту ссылку , которая более подробно объясняет атрибут id.

...