ブラウザーで WebVR シーンを表示しています。
ただし、ヘッドセット (oculus の裂け目) を持つユーザーのみがシーンを見ることができます。

私の質問:
ユーザーが見ているものを別の画面で見る方法はありますか?
ユーザーにアドバイスをしたいと思います（あなたはそれを行うことができます、あなたもここに行くことができます、など）。

ありがとう

HTML5ビデオプレーヤーとフラットビデオを使用してWebGLに360ビデオを統合しようとしていますが、このビデオを例で使用すると: http://video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4

私が得るのは黒い画面だけです。

WebVR ( http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html )にはクロム バージョン 44.0.2383.0 を使用します。

この問題を以前に実験した人、または 360 ビデオを再生できた人はいますか? ご協力ありがとうございました ！

編集

ビデオテクスチャをストリーミングするために使用する関数は次のとおりです。

しかし、明らかにそれは Chrome による .mp4 の非サポートから来ているので、コードはこの問題に関与していないと思います。

VREffect がアクティブなときにwebvr-boilerplateを使用しているプロジェクトでミラー効果を正しく機能させようとしてい ます。

THREE.Mirrorを使用するために（r72devとr72を使用して）試しました：

VR モードを有効にし、ステレオ表示を有効にすると、レンダー ターゲットの更新が停止します。

ミラーはカメラの後ろにあり、モデルを回転させてミラーの動作を観察しました。

なぜこれが起こるのか、それを修正する方法について何か考えはありますか? ミラーまたは立体効果の初期化パラメータが不足していますか?

例

前もって感謝します。

編集: 問題は webvr-boilerplate だけでなく、StereoEffect.js と Mirror.jsでも発生するようです。これは、three.js のStereoEffect.js の例へのミラーを使用してシーンをセットアップし、それでも同じ問題が発生するためです..

ステレオ http://ruidorey.webfactional.com/stereo.png ミラーとステレオ効果 - 実際の例

ステレオなし http://ruidorey.webfactional.com/nostereo.png ミラー ステレオ効果なし - 実例

Chrome と Firefox で WebVR を使用して krpano を実行すると、段ボールのボタンが表示され、有効になります。しかし、Android の WebView 内に埋め込んで実行すると、段ボールのボタンが表示されません。

しかし、その後、WebView を使用してコンパイルした apk が、他のデバイスに段ボールのボタンを表示していることがわかりました。AndroidフォンのChromeとFirefox Mobileでは動作することがわかっていますが、WebView実装を使用している場合は動作しないため、携帯電話で同じ動作を強制するにはどうすればよいですか?

どのような構成を設定する必要がありますか? または、実際に実行できる場合でも、一部のデバイスまたはデバイスの裁量だけでなく、サポートできるすべての Android デバイスで WebVR が有効になるようにシミュレートしますか?

また、krpano WebView プラグインで WebVR フェイク モードを有効にしようとしました。しかし、うまくいきません。

WebVR プラグインは WebView のコンテキストで何かをチェックしており、チェックは Chrome Mobile、Firefox Mobile、または他のデバイスによる他の実装でのみ成功すると推測しています。

Three.js でビルドしたプロジェクトに WebVR を実装しようとしていますが、正しく機能させるのに苦労しています。

その光景を眺めていると、さまざまな問題が発生します。

1. VRMode が false の場合、シーンはレンダリングされますが、VR モードに切り替えると、シーンのレンダリングが突然停止します。2 つの立体視ウィンドウが表示されますが、他には何も表示されません。

2. シーンをデスクトップにロードすると、カメラが真下を向きます。デバイスにロードすると、シーンが上下逆になります。カメラに画像の中心を見るように指示していますが、効果がないようです。WebVR マネージャーと VRControls をサポートするためにコントロールとレンダリングをいじる前は、問題なく動作していました。

   /li>

うまく位置を合わせられます。

3. GUI の下部にあるフルスクリーン ボタンをクリックすると、画面が 2 つに分割されます。上半分は黒 (私の体の背景と clearfix の色は青) で、下半分は私のシーンをレンダリングします。ウィンドウのサイズを手動で変更すると正常に動作するイベント リスナーがあるため、これは VR マネージャーに関連付ける必要があります。

これらのエラーの原因は何ですか?

レンダラーを定義する方法は次のとおりです。

ここに私のアニメーション機能があります：

私のライブラリは今朝、bower から届いたばかりなので、すべて最新の状態です。

私は、ユーザーが VRControls を使用して空のオブジェクトを表示し、オブジェクトをクリックして初期化されるトラックボール コントロールを使用してお気に入りのオブジェクトを調べることができる Web サイトに取り組んでいます。これがデモです。https://jsfiddle.net/tushuhei/4f1Lum5n/6/

TWEEN は、WebVR モードからトラックボール モードへの移行、およびその逆の移行に最適ですが、移行の最後にはまだ少しギャップがあります。これは、遷移完了フェーズでのカメラ回転のずれによるものだと思います。

カメラの位置と回転の両方を考慮して、2 つの異なるカメラ コントロール間の移行をスムーズにする方法はありますか?

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

目に見えない object3D があります。webvr-boilerplate を使えば自由に見渡せます。クリックすると、この object3D をカメラの前に配置して表示したいのですが、「地面」の上の特定の y 位置にあります。

私は次のことを試しましたが、そこを見るとobject3Dを空中に配置し、「地面」の上の特定の位置には配置しません:

var updateMatrix = camera.matrixWorld.clone(); object3D.applyMatrix(updateMatrix);

必要なものを得るには、そこから特定のカメラの回転と位置のコンポーネントを抽出し、それを object3D に適用する必要があると思います。

どんなヒントでも大歓迎です！