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

因此，当用户单击一个按钮时，一个音频文件从一系列音频文件（大约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;
  }
 }

---

除非您的应用程序中特别需要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> 

关于使用JavaScript更改音频源的问题

有关更多属性和函数，请参阅。
是否尝试了movesound.destroy（）？我很感激这个答案，但它必须是AngularJS，因为还有其他因素对我的应用程序有用。无论如何，谢谢你：）
<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>