アプリケーションの途中でフロントカメラとバックカメラを切り替える方法はありますか

デビッド・エイリフ

私は、ユーザーがバックカメラを使用しながらSLAM / 6dofを利用しながら、エクスペリエンス全体でフロントカメラとバックカメラを切り替えることができるWeb-arエクスペリエンスを開発しようとしています。理想的にはPlayCanvasを使いたいのですが、フロントカメラを動作させることができませんでした。私はこれをa-frameに実装することである程度の成功を収めましたが、多くのことが壊れています。

フロントカメラを有効にし、XR.stop()を使用し、続いてXR.run({canvas:document.getElementById( 'camerafeed')、cameraConfig:{direction:XR.XrConfig。 camera()。FRONT}})は効果がありませんでした。

フレーム内で同様の一連のイベントを実行していますが、いくつかの結果が表示されています。フロントカメラはアクティブになりますが、ログにエラーがあり、3Dオブジェクトはレンダリングされず(フロントカメラモードで起動するとレンダリングされます)、カメラを再度切り替えようとすると、「おっと、何か問題が発生しました!」と表示されます。画面。

SLAM / 6dofの切り替えに関しては、XR.runの実行後にdisableWorldTrackingを変更できないというエラーが発生し続けます。XR.stop関数を実行して、stopxrイベントをリッスンした場合でも。

フロントカメラに切り替えることになっているフレーム機能(重要なビットのみ):

init: function() {
this.el.sceneEl.addEventListener('stopxr', event => {
      console.log("AR has been stopped.");
      const videoCanvas = document.querySelector('canvas.a-canvas');
      XR.XrController.configure({disableWorldTracking: true});
      XR.run({canvas: videoCanvas, cameraConfig: {direction: XR.XrConfig.camera().FRONT}});
    });
},

switchToFace: function() {
    this.el.sceneEl.emit('stopxr');
    //XR.stop();
  },

シーンの実行中にdisableWorldTrackingパラメータを変更する適切な方法は何ですか?シーンの実行中にフロントカメラとバックカメラを切り替える適切な方法は何ですか?

デビッド・エイリフ

8番目のウォール開発者と話し合った後、彼らはページごとに1つのXRセッションのみをサポートすることを確認したため、XR.stopの後、XR.runを再度呼び出すことはできません。ただし、フロントカメラとバックカメラを切り替える別の方法があり、SLAMを有効にして機能します。

  1. 聞いonCameraStatusChangeイベントとグラブへの参照streamvideo要素。
  2. カメラの交換を開始するときは、を使用して8番目の壁を一時停止しXR.pause()ます。
  3. stream手順1で取得したすべてのトラックを停止します。
  4. navigator.mediaDevices.getUserMedia(constraints);目的のカメラのストリームを取得するために使用します。
  5. video手順1で取得し要素に新しいストリームを割り当てます。
  6. playingイベントを発生させるためのビデオ要素を聞いて、XR.resume();

注意すべき1つのこと:SLAMは、バックカメラから始めている場合にのみ機能します。フロントカメラとバックに切り替えた後、SLAMは機能しなくなります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

アプリケーションの途中でフロントカメラとバックカメラを切り替える方法はありますか

分類Dev

AndroidStudioのカメラアプリと顔検出でフロントカメラとバックカメラを切り替えるボタン

分類Dev

フロントカメラに切り替えるとアプリがクラッシュする

分類Dev

ビデオの録画中にフロントカメラとバックカメラを切り替えます

分類Dev

webrtc MediaDevicesを使用してreactアプリケーションでカメラを(前面から背面に)切り替えることができません

分類Dev

AVCaptureSessionでフロント/バックカメラを切り替える

分類Dev

フラグメントをすばやく切り替えるとアプリがクラッシュするのはなぜですか?

分類Dev

ショートカットキーをバインドして、Ubuntu 18.04 LTSで既に開いているアプリケーションに切り替える方法はありますか?

分類Dev

ランドスケープに切り替えるとフラグメントがクラッシュするのはなぜですか?

分類Dev

フロントカメラとバックカメラを自動的に切り替える

分類Dev

プログラムでAndroidのバックグラウンドで実行されているアプリケーションをカウントする方法はありますか?

分類Dev

カスタムボタンをクリックする前にファイルをアップロードし、ajaxを使用してそれをコントローラーアクションメソッドに送信する方法はありますか?

分類Dev

アプリケーションを切り替えるために使用できるショートカットとは何ですか?

分類Dev

iOS-プログラムでViewControllerを切り替える際のカスタムアニメーション

分類Dev

ブートストラップ3パネルを切り替えるときにシェブロングリフィコンをアニメーション化するにはどうすればよいですか?

分類Dev

フロントカメラとバックカメラに切り替えるAndroidSurfaceView

分類Dev

フロントカメラへの切り替えに成功した後も、iPhoneはリアカメラのビューを表示します

分類Dev

スクリーンショットを作成するためにウィンドウフォーカスを変更するときに、Webページのダウンダウンメニューをアクティブに保つ非プログラム的な方法はありますか?

分類Dev

アプリケーションをクラウドバックアップする方法はありますか?

分類Dev

アクションクライアントとコントローラーの間でアクションサーバーを使用するメリットはありますか?

分類Dev

BIOSからディスクリートグラフィックスと統合グラフィックスを切り替える方法をプロプライエタリドライバーで機能させる方法はありますか?

分類Dev

BIOSからディスクリートグラフィックスと統合グラフィックスを切り替える方法をプロプライエタリドライバーで機能させる方法はありますか?

分類Dev

Googleはアクションバーアクティビティを追加して別のフラグメントに切り替えるとv2androidをマップします

分類Dev

Cocoapodsのバージョンを切り替えることができるスクリプト/アプリはありますか?

分類Dev

オフラインアプリケーションのバックアップを作成するための最善の方法はありますか?

分類Dev

フラグメントを切り替えた後にアクションバーを元に戻す方法

分類Dev

加速度計によって決定されたフロントカメラとバックカメラを切り替えます

分類Dev

ファクトリメソッド-アプリケーションクラスは抽象的である必要がありますか?

分類Dev

Firefoxにフルスクリーンモードでのタブバーの表示を切り替えるためのキーボードショートカットはありますか?

Related 関連記事

  1. 1

    アプリケーションの途中でフロントカメラとバックカメラを切り替える方法はありますか

  2. 2

    AndroidStudioのカメラアプリと顔検出でフロントカメラとバックカメラを切り替えるボタン

  3. 3

    フロントカメラに切り替えるとアプリがクラッシュする

  4. 4

    ビデオの録画中にフロントカメラとバックカメラを切り替えます

  5. 5

    webrtc MediaDevicesを使用してreactアプリケーションでカメラを(前面から背面に)切り替えることができません

  6. 6

    AVCaptureSessionでフロント/バックカメラを切り替える

  7. 7

    フラグメントをすばやく切り替えるとアプリがクラッシュするのはなぜですか?

  8. 8

    ショートカットキーをバインドして、Ubuntu 18.04 LTSで既に開いているアプリケーションに切り替える方法はありますか?

  9. 9

    ランドスケープに切り替えるとフラグメントがクラッシュするのはなぜですか?

  10. 10

    フロントカメラとバックカメラを自動的に切り替える

  11. 11

    プログラムでAndroidのバックグラウンドで実行されているアプリケーションをカウントする方法はありますか?

  12. 12

    カスタムボタンをクリックする前にファイルをアップロードし、ajaxを使用してそれをコントローラーアクションメソッドに送信する方法はありますか?

  13. 13

    アプリケーションを切り替えるために使用できるショートカットとは何ですか?

  14. 14

    iOS-プログラムでViewControllerを切り替える際のカスタムアニメーション

  15. 15

    ブートストラップ3パネルを切り替えるときにシェブロングリフィコンをアニメーション化するにはどうすればよいですか?

  16. 16

    フロントカメラとバックカメラに切り替えるAndroidSurfaceView

  17. 17

    フロントカメラへの切り替えに成功した後も、iPhoneはリアカメラのビューを表示します

  18. 18

    スクリーンショットを作成するためにウィンドウフォーカスを変更するときに、Webページのダウンダウンメニューをアクティブに保つ非プログラム的な方法はありますか?

  19. 19

    アプリケーションをクラウドバックアップする方法はありますか?

  20. 20

    アクションクライアントとコントローラーの間でアクションサーバーを使用するメリットはありますか?

  21. 21

    BIOSからディスクリートグラフィックスと統合グラフィックスを切り替える方法をプロプライエタリドライバーで機能させる方法はありますか?

  22. 22

    BIOSからディスクリートグラフィックスと統合グラフィックスを切り替える方法をプロプライエタリドライバーで機能させる方法はありますか?

  23. 23

    Googleはアクションバーアクティビティを追加して別のフラグメントに切り替えるとv2androidをマップします

  24. 24

    Cocoapodsのバージョンを切り替えることができるスクリプト/アプリはありますか?

  25. 25

    オフラインアプリケーションのバックアップを作成するための最善の方法はありますか?

  26. 26

    フラグメントを切り替えた後にアクションバーを元に戻す方法

  27. 27

    加速度計によって決定されたフロントカメラとバックカメラを切り替えます

  28. 28

    ファクトリメソッド-アプリケーションクラスは抽象的である必要がありますか?

  29. 29

    Firefoxにフルスクリーンモードでのタブバーの表示を切り替えるためのキーボードショートカットはありますか?

ホットタグ

アーカイブ