如何添加touchstart事件以在Safari和iOS中播放音频

Question

我目前正在创建基于网络的交互式有声读物-包括使用Turn.js创建的翻页页面和使用Buzz.js翻页启动的音频。音频可在台式机和android浏览器（不使用Safari）上运行，但不适用于任何移动浏览器。

据我了解，这是由于在加载音频之前需要触摸事件。但是，我尝试添加事件侦听器没有成功。我在高低处寻找了解决方法，并尝试use this method没有运气

var p2audio = new buzz.sound("audio/p2.mp3");
var p3audio = new buzz.sound("audio/p3.mp3");
var p4audio = new buzz.sound("audio/p4.mp3");
var p5audio = new buzz.sound("audio/p5.mp3");
var p6audio = new buzz.sound("audio/p6.mp3");


        // Create the flipbook

      $('.flipbook').turn({


          // Width
          width: size.width,

          // Height
          height: size.height,

          // Elevation
          elevation: 50,

          // Enable gradients
          gradients: true,

          // Auto center this flipbook
          autoCenter: true

      });
    }

       $(".flipbook").bind("turned", function(event, page, view) { 
        console.log("Page: "+page);

         if (page===2){
             buzz.all().stop();
             p2audio.play();
         }

         else if (page===1) {
            buzz.all().stop();

       }

           else if (page===3) {
            buzz.all().stop();
            p3audio.play();

       }

             else if (page===4) {
            buzz.all().stop();
            p4audio.play();

       }
            else if (page===5) {
            buzz.all().stop();
            p5audio.play();

       }

           else if (page===6) {
            buzz.all().stop();
            p6audio.play();

       }
    });

任何帮助将不胜感激。