Аудио не воспроизводится на iphone (реакция 360)

Я очень усердно работаю над воспроизведением звука на своем мобильном телефоне с помощью React 360. Читая различную документацию, я узнал, что для воспроизведения звука на мобильном телефоне мне нужно активировать html-объект для создания взаимодействия с пользователем. Как только пользователь взаимодействует, нажимая кнопку, звук должен воспроизводиться на мобильном устройстве. Похоже, это не так.

В моем файле index.html у меня есть следующий код:

<html>
  <head>
    <title>ExampleVR</title>
    <style>body { margin: 0; }</style>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  </head>
  <body>
    <!-- Attachment point for your app -->

    <div id="container">


      <button id="enter" onclick="enterApp();">
        Click to Enter VR
      </button>


    </div>
    <script src="./client.bundle?platform=vr"></script>
    <script>
      // Initialize the React 360 application


      function enterApp() {
        React360.init(
          'index.bundle?platform=vr&dev=true',
          document.getElementById('container'),
          {
            assetRoot: 'static_assets/',
          }
        );  
      }


    </script>
  </body>
</html>

Как видите, я создал html-кнопку, при нажатии на которую загружается мой код React 360. Однако, когда я нажимаю VrButton на мобильном телефоне, он все равно не воспроизводится. Я следовал рекомендациям, как указано в документации, и это работает во всех браузерах на рабочем столе, за исключением мобильных устройств. Кто-нибудь знает, как решить эту проблему?


person Dan Rubio    schedule 22.01.2019    source источник
comment
Я ничего не знаю о том, как React360 воспроизводит звук, но я предполагаю, что он использует API веб-аудио. Судя по опубликованному вами коду, он может не работать, потому что он каким-то образом асинхронно инициирует воспроизведение звука, которое не соответствует требованию активации от действия пользователя. Вы можете узнать больше о разблокировке веб-аудио здесь: paulbakaus.com/tutorials/html5 /веб-аудио-на-ios   -  person salomvary    schedule 31.01.2019
comment
И еще: вы проверили кнопку отключения звука на своем iPhone?   -  person salomvary    schedule 31.01.2019


Ответы (1)


Это было решением проблемы со звуком:

https://github.com/facebook/react-360/issues/652

person Dan Rubio    schedule 03.02.2019