CODEWITHSUNDEEP
javascriptjqueryhtmlaframeoculusgo
thesubhuman
thesubhuman

Reputation: 115

Audio won't play in A-Frame

Im working with A-Frame and when I import audio files they dont play at all. I've tried it on Safari and Chrome and Im using the Oculus Go and in its browser the game is there, but there's also no audio. Any suggestions??

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>VR GAME 1</title>
    <meta name="description" content="VR GAME 1"/>
    <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto%7CRoboto+Mono" media="all"/>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/aframe-gif-shader.min.js"></script>
   <script src="https://rawgit.com/mayognaise/aframe-gif-component/master/dist/aframe-gif-component.min.js"></script>


<body class="a-body ">
   <a-scene class="fullscreen" inspector="" keyboard-shortcuts="" screenshot="" vr-mode-ui="">


    <!--ASSETS-->
        <a-assets>
           <img id="robot" src="shooterrobot.gif">
           <img id="scared" src="scared.gif">
           <audio id="no" src="no.wav"></audio>
           <audio id="no" src="no.mp3"></audio>
    </a-assets>



    <!--CAMERA-->
    <a-camera camera="" position="0 0 600" rotation="" look-controls="" wasd-    controls="" data-aframe-inspector-original-camera="">
            <a-cursor material="" raycaster="" cursor="" geometry=""></a-cursor>
    </a-camera>


    <!--ANIMATED GIF-->
     <a-entity geometry="primitive:plane" position="+100 -300 0"     material="shader:gif;transparent:true;src:url(scared.gif);" gif="" scale="1000,     1000, 0"></a-entity>


     <!--AUDIO-->
     <a-audio src="no.wav" autoplay="true"></a-audio>
     <audio id="no" src="no.wav" preload="auto"></audio>
     <a-sound src="no" src="no.wav" autoplay="true"></a-sound>
     <a-sound id="no" crossorigin="anonymous" src="no.mp3"></a-sound>


    <!--CONTROLS-->
    <a-entity laser-controls="" daydream-controls="hand:right" gearvr-    controls="hand:right" oculus-touch-controls="hand:right" vive-    controls="hand:right" windows-motion-controls=""></a-entity>



     <a-sky src="1.jpg" rotation="0 0 0"></a-sky>


  </a-scene>
</body>
</html>

Upvotes: 4

Views: 2810

Answers (1)

Diego Marcos
Diego Marcos

Reputation: 4585

The syntax is incorrect. It should be

<a-sound src=“url(no.mp3)”><a-sound>

or when referencing a-assets:

<a—sound src=“#no”><a-sound>

a-sound docs

Also notice you are asigning same ID to both audio elements in a-assets and a-sound below. Make those ids different

Upvotes: 3

Related Questions