ビデオがモバイルでレンダリングされていません -

私はaframeとangular-cliのプロジェクトをビルドしています。ここでは、仮想現実感のために360°のビデオを表示しています。これは、デスクトップ上で完全に正常動作しますが、携帯電話でそれをレンダリングしていないとconsoleがデスクトップに表示されません。次の警告を出力します。ビデオがモバイルでレンダリングされていません -

私は含めていangular2を、使用していたとしても<head>タグ内のスクリプトは、コンポーネントでライブラリをインポートしても機能しないためです。これは、代わりにhtmlファイルのコードです：

<a-scene auto-enter-vr> 
    <a-assets> 
    <video id="video" src="../../assets/videos/Ski+Jump-7k_encoded.mp4" autoplay loop playsinline webkit-playsinline muted></video> 
    </a-assets> 
    <a-videosphere src="#video" rotation="0 360 0"></a-videosphere> 
</a-scene>

私は、さまざまなソースに見てきましたが、私はビデオがレンダリングされていない理由を理解することはできませんよ。あなたはこの問題を解決する方法について考えていますか？あなたの返信を前にありがとう！

出典

2017-02-08 d_z90

どのようなタイプのモバイルデバイスですか？以下を参照してください：https://github.com/aframevr/aframe/issues/1846 –

iPhone 6、Galaxy s6、Galaxy s5の異なるデバイスでテストしました –

よくクロムは、すべての種類のメディアの再生を自動的にブロックしてデータ消費を削減します。動画は、クリックなどのユーザージェスチャーにのみロードされます。

これをフレームで処理するには、要素をクリックしてビデオをロードする必要があります。これは、VRゴーグルアイコンをクリックすると最適です。あなたを助けるサンプルコードがあります。

var VRButton = document.querySelector('.a-enter-vr-button'); 
VRButton.addEventListener('click',function(event){ 
    var video = document.querySelector('video'); 
    video.play(); 
});

出典

2017-02-08 17:50:23 sid

ありがとうございます。ありがとうございました。私はクリックをシミュレートしました。 'OnInit ） 'と今それは正しく動作します –

助けになることがうれしい – sid

ビデオがモバイルでレンダリングされていません -

答えて

関連する問題