Как добавить TouchStart Event для воспроизведения аудио в Safari и iOS - PullRequest
Новая
       36

Как добавить TouchStart Event для воспроизведения аудио в Safari и iOS

0 голосов
/ 13 мая 2019

В настоящее время я нахожусь в процессе создания интерактивной аудиокниги на основе Интернета, состоящей из страниц флипбука, созданных с использованием Turn.js , и аудио, которое запускается при перелистывании страниц с использованием Buzz.js . Аудио работает в настольных и Android-браузерах (за исключением Safari), но не работает ни в одном из мобильных браузеров.

Из того, что я понимаю, это связано с требованием события касания, прежде чем можно будет загрузить звук. Тем не менее, я попытался добавить прослушиватель событий безуспешно. Я искал максимум и минимум для исправления и попытался использовать этот метод безуспешно 

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();

       }
    });

Любая помощь будет высоко ценится.

...