A-Frame Audio не работает только в режиме VR

В настоящее время я работаю над небольшим проектом с моим другом. Мы играем с симуляцией виртуальной реальности, которая требует звуковых инструкций. В веб-версии вроде все работает. Веб-версия также работает на мобильных устройствах. Однако при входе в VR-режим на любом мобильном устройстве звук не воспроизводится.

Мы пробовали хром, сафари и фаерфокс. Ни один из них не работает. Мы пробовали разные версии A-Frame, но это тоже не сработало. Никаких ошибок не выдает, поэтому я понятия не имею, что может быть не так.

Это то, что мы сейчас имеем в нашем index.html:

<audio id = "js--instructie2" controls>
        <source src = "objects/instructie2.mp3" type = "audio/mp3">
    </audio>
<audio id = "js--instructie3" controls>
        <source src = "objects/instructie3.mp3" type = "audio/mp3">
    </audio>

что касается нашего main.js:

var instructie1 = document.getElementById("js--instructie1");
var instructie2 = document.getElementById("js--instructie2");
var instructie3 = document.getElementById("js--instructie3");
var instructie4 = document.getElementById("js--instructie4");
var instructie5 = document.getElementById("js--instructie5");
var instructie6 = document.getElementById("js--instructie6");

var uitlegArray = [instructie1, instructie2, instructie3, instructie4, instructie5, instructie6];

uitlegArray[uitleg].play();

Я думал, что Audio будет нормально работать в VR-режиме, учитывая тот факт, что в веб-версии все работает отлично. Но видимо не все так просто.