2017-01-23 4 views
0

Ionic2とAframeを使用してVR 360アプリケーションを作成しています。それはAframeがあなたがそれをするために必要なもの(ビデオ資産を設定し、それをビデオ空間プリミティブから読み込むだけだから)が簡単なはずですが、望む結果が得られません。私はIosで問題があります(Androidとブラウザでうまくいきます)。私のiPhoneでアプリケーションを実行すると、ビデオはIphoneプレーヤーで再生され、私のアプリケーションでは再生されません。したがって、360 efectはありません。ドキュメントが言うように は、私があまりにも iphone2とAframe in iphone

<meta name="apple-mobile-web-app-capable" content="yes"/> 

を追加しますが、動作しない、 playsinlineを追加します。私は次のコードを使用します。

<a-scene> 

    <a-assets> 
    <video id="video" src="assets/img/video1.mp4" loop crossorigin playsinline></video> 
    <img id="cubes-thumb" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg"> 
    <img id="cubes" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg"> 

    </a-assets> 

    <a-videosphere src="#video" rotation="0 180 0"></a-videosphere> 
    <a-image class="link" src="#cubes" position="0 0 -1"></a-image> 
    <!--<a-entity id="links" layout="type: line; margin: 1.5" position="0 -1 -4"> 
    <a-entity template="src: #cubes" data-src="#cubes" data-thumb="#cubes-thumb"></a-entity> 
    </a-entity>--> 

    <a-entity camera look-controls> 
    <a-cursor id="cursor" 
     animation__click="property: scale; startEvents: click; from: 0.1 0.1 0.1; to: 1 1 1; dur: 150" 
     animation__fusing="property: fusing; startEvents: fusing; from: 1 1 1; to: 0.1 0.1 0.1; dur: 1500" 
     event-set__1="_event: mouseenter; color: green" 
     event-set__2="_event: mouseleave; color: black" 
     raycaster="objects: .link" 
     material="color:black"> 
    </a-cursor> 
    </a-entity> 


</a-scene> 

私は、問題が自動再生することができ、私はそれを無効にする必要があり、私はボタンでプレイをトリガーするが、私は同じ結果を持っていると思いました。

Anyideaさらに何を試すことができますか?

ありがとうございました。

答えて