javascript - 如何暂停/停止播放音频并替换为新的音频文件

Question

因此，当用户单击按钮时，将从音频文件数组中播放音频文件(大约 2 秒剪辑)，效果很好。但是，如果用户重复单击该按钮，音频文件就会开始相互播放。理想情况下，我想停止/暂停以前的音频文件，然后播放新的音频文件。这是我尝试过的:

$scope.sounder=function(){


$scope.rs=$scope.diff[$scope.workout_index].audiorep;
$scope.ms=$scope.diff[$scope.workout_index].audiomove;

  //var movesound = new Audio ($scope.ms);
  //ar repsound = new Audio ($scope.rs);

  var movesound = new Media($rootScope.getMediaURL($scope.ms));
  var repsound = new Media($rootScope.getMediaURL($scope.rs));

  if($scope.muter==0){



      movesound.pause();//DOES NOT WORK
      movesound.stop();//STOPS ALL AUDIO FROM PLAYING, SO NOTHING PLAYS

      $timeout(function() {
        movesound.play();
      }, 1000);

      $timeout(function() {
        repsound.play();
      }, 3000);

  }

  if($scope.muter==1){
    console.log("Rachel has been muted");
    return;
  }
 }

Answer 1

除非您的应用程序中特别需要 AngularJS，否则您可以使用 Cordova 中的 JavaScript 来实现这些功能。

<audio controls  id="myAudio">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
   Your browser does not support the HTML5 audio tag.
</audio> 

现在使用脚本添加功能 -

<script> 
var aud= document.getElementById("myAudio"); 

function playAud() { 
    aud.play(); 
} 

function pauseAud() { 
    aud.pause(); 
} 

function myFunction() { 
  isSupp = aud.canPlayType("audio/mp3");
  if (isSupp == "") {
    aud.src = "audio.ogg";
  } else {
    aud.src = "audio.mp3";
  }
  aud.load();
}
</script> 

查看this的其他答案关于使用 JavaScript 更改音频源的问题。

引用w3schools HTML Audio Video DOM reference Page了解更多属性和功能。