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>

有关使用JavaScript更改音频源的问题，请参阅this问题的其他答案。

请参阅w3schools HTML Audio Video DOM reference Page了解更多属性和功能。

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

1 个答案: