不同页面上的HTML5影城是独立播放的

Question

我的离子移动项目有两页。每个页面都有html5音频控件。当我播放音频在第一页，我可以浏览其他应用程序，而不停止音乐，这是好的。如果我播放任何类型的音频从其他应用程序，它将停止我的音频在我的第一页，这也是很好的。问题是，当我在第一页播放音频，而在第二页播放音频时，两种音频都在播放。当我在不同的页面中播放音频时，如何停止或暂停其他页面中的先前音频？

Answer 1

这方面有两种方法：

1. 在打开第二页

时停止第一页中的音频

1. 为自己提供音频服务：

@Injectable()
export class AudioService {
    audio;

   setAudioFromUrl(url: string){
     this.pause();
     this.audio = new Audio(url)
   }

  pause(){
    if(this.audio)
      this.audio.pause()

  }
}

用法:将服务添加到模块提供程序。将其注入使用它的组件。在每个组件中使用此服务设置要播放的文件