ionic-framework - イオンのシーンで3Dモデルの背景を透明にする方法はありますか?

Question

私の問題は、フレームの白い背景を透明にして、iPhoneカメラと3Dモデルから見えるものをすべて見ることができるようにすることです。

AR (拡張現実) を Ionic iOS バージョンで動作させようとしています。iOS で a-frame が何らかの理由で Web カメラをトリガーできないことに気付きました。したがって、回避策の 1 つは、3D モデルを a-frame でロードし、同時にカメラをトリガーすることです。画面の 2/3 にカメラ入力が表示され、モデルの 1/3 が白い背景で読み込まれます。モデルの背景を透明にできればとても嬉しいです。Ionic でモデルの背景を透明にする方法はありますか? この問題の他の回避策はありますか?

私が home.page.html に持っているのは単純です: ` Ionic Blank

<ion-content>
 <a-scene  *ngIf="iosReady"
       renderer="alpha: true;
               colorManagement: true;
               sortObjects: true;
               physicallyCorrectLights: true;
               maxCanvasWidth: 1920;
               maxCanvasHeight: 1920;">
  <a-gltf-model  position="1 1 -4" 
       src="/assets/models/LibertStatue.gltf" ></a-gltf-model>
 </a-scene>
</ion-content>`

そして、home.page.tsには次のものがあります:

const cameraPreviewOpts: CameraPreviewOptions = {
            x: 0,
            y: 0,
            width: window.screen.width,
            height: window.screen.height,
            camera: 'rear',
            tapPhoto: true,
            previewDrag: true,
            toBack: true,
            alpha: 1
        }


        CameraPreview.startCamera(cameraPreviewOpts).then(
            (res) => {
                console.log(res);
            },
            (err) => {
                console.log(err);
            });
    });