首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >音频无法在A帧中播放

音频无法在A帧中播放
EN

Stack Overflow用户
提问于 2018-08-15 07:00:28
回答 1查看 1.9K关注 0票数 4

我正在使用A-Frame,当我导入音频文件时,它们根本不播放。我已经在Safari和Chrome上试过了,我正在使用Oculus Go,它的浏览器里有游戏,但也没有音频。有什么建议吗?

代码语言:javascript
复制
<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/aframe-gif-shader@0.2.0/dist/aframe-gif-shader.min.js"></script>
   <script src="https://rawgit.com/mayognaise/aframe-gif-component/master/dist/aframe-gif-component.min.js"></script>

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-15 14:26:19

语法不正确。它应该是

代码语言:javascript
复制
<a-sound src=“url(no.mp3)”><a-sound>

或者在引用a-assets时:

代码语言:javascript
复制
<a—sound src=“#no”><a-sound>

a-sound docs

还要注意,您为下面的a-assets和a-sound中的两个音频元素分配了相同的ID。使这些ids不同

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51850809

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档