音频播放错误的文件

Question

I can't figure out what's going on with my audio tag.

i've 2 different view on ionic with 2 different controller each one have it's own audio tag.

<audio controls="true">
  <source data-ng-src="{{getUrl()}}" type="audio/mpeg">
</audio>

They work perfecly but when i switch directly between viewAudio1 and viewAudio2 the audio tag won't play the good file even so in dev tools the src don't match the file that the audio tag is playing. I fire this function to update the audio:

function loadAudio() {
  var audio = document.getElementsByTagName("audio")[0];
  document.getElementById('timeline').style.width = '0%';
  audio.setAttribute("src", $scope.getUrl());
  audio.pause();
  audio.load();
}

I've try many tings to fix this with no luck.

Answer 1

Your audio variable is local, so create that out of the function as a global variable. Moreover you pause the new audio now. So before loading a new, pause the old one.