咆哮“无法开始播放”

Question

我正在创建一个有角度的应用程序（PWA），该应用程序需要播放音频文件列表。 我正在使用咆哮的礼拜仪式

首先，我发现了为什么它在iOS上不起作用的原因，因为咆哮的html5标志必须设置为TRUE。

现在，我仅在iOS上遇到其他问题！ （不适用于MAC，Android，Windows）。当第一个音频文件结束时，我无法启动另一个音频文件！

错误消息：无法开始播放。这是在移动设备和Chrome上最常见的问题，这些播放不在用户互动中

=>请帮助我避免这种情况！

var sound = new Howl({
  src: ['/assets/fr/audio/gsp.mp3'],
  format : ['mp3'],
  html5: true
});



sound.on('end', function(){
  alert('end out');
  var sound_suite = new Howl({
    src: ['/assets/fr/audio/gsp.mp3'],
    format : ['mp3'],
    html5: true,
  });




  sound_suite.on('playerror',function(id,error){
    alert('error OP: ' + error); //<===== Error here : Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction
  });


  sound_suite.play();