@zappar/zappar-cv 3.12.0 → 3.14.1

package/README.md

@@ -18,8 +18,8 @@ npm i @zappar/zappar-cv
 
 You can use our CDN from within your HTML:
 ```
-<script src="https://libs.zappar.com/zappar-cv/3.12.0/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/3.14.1/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/3.12.0/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.12.0/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/3.14.1/zappar-cv.zip](https://libs.zappar.com/zappar-cv/3.14.1/zappar-cv.zip)

package/lib/additional.d.ts

@@ -47,4 +47,5 @@ export interface Additional {
     cookies_permitted: (p: boolean) => void;
     world_tracker_points_data_matrix(wt: zappar_world_tracker_t, screenWidth: number, screenHeight: number, mirror: boolean): Float32Array;
     in_app_clip: () => boolean;
+    webxr_camera_source_dom_overlay_element_set: (element: Element | null) => void;
 }

package/lib/chromesettingsicon.d.ts

@@ -0,0 +1 @@
+export declare const chromeSettingsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16px\" viewBox=\"0 -960 960 960\" width=\"16px\" fill=\"white\"><path d=\"M696-144q-60.48 0-102.24-41.76T552-288q0-60.48 41.76-102.24T696-432q60.48 0 102.24 41.76T840-288q0 60.48-41.76 102.24T696-144Zm.12-72Q726-216 747-237.12q21-21.12 21-51T746.88-339q-21.12-21-51-21T645-338.88q-21 21.12-21 51T645.12-237q21.12 21 51 21ZM168-252v-72h312v72H168Zm96-276q-60.48 0-102.24-41.76T120-672q0-60.48 41.76-102.24T264-816q60.48 0 102.24 41.76T408-672q0 60.48-41.76 102.24T264-528Zm.12-72Q294-600 315-621.12q21-21.12 21-51T314.88-723q-21.12-21-51-21T213-722.88q-21 21.12-21 51T213.12-621q21.12 21 51 21ZM480-636v-72h312v72H480Zm216 348ZM264-672Z\"/></svg>";

package/lib/chromesettingsicon.js

@@ -0,0 +1 @@
+export const chromeSettingsIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="white"><path d="M696-144q-60.48 0-102.24-41.76T552-288q0-60.48 41.76-102.24T696-432q60.48 0 102.24 41.76T840-288q0 60.48-41.76 102.24T696-144Zm.12-72Q726-216 747-237.12q21-21.12 21-51T746.88-339q-21.12-21-51-21T645-338.88q-21 21.12-21 51T645.12-237q21.12 21 51 21ZM168-252v-72h312v72H168Zm96-276q-60.48 0-102.24-41.76T120-672q0-60.48 41.76-102.24T264-816q60.48 0 102.24 41.76T408-672q0 60.48-41.76 102.24T264-528Zm.12-72Q294-600 315-621.12q21-21.12 21-51T314.88-723q-21.12-21-51-21T213-722.88q-21 21.12-21 51T213.12-621q21.12 21 51 21ZM480-636v-72h312v72H480Zm216 348ZM264-672Z"/></svg>`;

package/lib/native.js

@@ -996,7 +996,7 @@ export function initialize(opts) {
             }
             mat4.multiply(res, cameraPose, res);
             return res;
-        }, html_element_source_create: (pipeline, elm) => HTMLElementSource.createVideoElementSource(pipeline, elm), html_element_source_start: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.start(); }, html_element_source_pause: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, html_element_source_destroy: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, sequence_source_create: p => SequenceSource.create(p), sequence_source_load_from_memory: (o, data) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.loadFromMemory(data); }, sequence_source_pause: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, sequence_source_start: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.start(); }, sequence_source_max_playback_fps_set: (o, fps) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.maxPlaybackFpsSet(fps); }, sequence_source_time_set: (o, t) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.setTime(t); }, sequence_source_destroy: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, permission_granted_all: permissionGrantedAll, permission_granted_camera: permissionGrantedCamera, permission_granted_motion: permissionGrantedMotion, permission_denied_any: permissionDeniedAny, permission_denied_camera: permissionDeniedCamera, permission_denied_motion: permissionDeniedMotion, permission_request_motion: permissionRequestMotion, permission_request_camera: permissionRequestCamera, permission_request_all: permissionRequestAll, permission_request_ui: permissionRequestUI, permission_request_ui_promise: permissionRequestUI, permission_denied_ui: permissionDeniedUI, browser_incompatible: compatibility.incompatible, browser_incompatible_ui: compatibility.incompatible_ui, in_app_clip: () => BridgedCameraSource.IsSupported(), log_level_set: l => {
+        }, html_element_source_create: (pipeline, elm) => HTMLElementSource.createVideoElementSource(pipeline, elm), html_element_source_start: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.start(); }, html_element_source_pause: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, html_element_source_destroy: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, sequence_source_create: p => SequenceSource.create(p), sequence_source_load_from_memory: (o, data) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.loadFromMemory(data); }, sequence_source_pause: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, sequence_source_start: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.start(); }, sequence_source_max_playback_fps_set: (o, fps) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.maxPlaybackFpsSet(fps); }, sequence_source_time_set: (o, t) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.setTime(t); }, sequence_source_destroy: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, permission_granted_all: permissionGrantedAll, permission_granted_camera: permissionGrantedCamera, permission_granted_motion: permissionGrantedMotion, permission_denied_any: permissionDeniedAny, permission_denied_camera: permissionDeniedCamera, permission_denied_motion: permissionDeniedMotion, permission_request_motion: permissionRequestMotion, permission_request_camera: permissionRequestCamera, permission_request_all: permissionRequestAll, permission_request_ui: permissionRequestUI, permission_request_ui_promise: permissionRequestUI, permission_denied_ui: permissionDeniedUI, browser_incompatible: compatibility.incompatible, browser_incompatible_ui: compatibility.incompatible_ui, in_app_clip: () => BridgedCameraSource.IsSupported(), webxr_camera_source_dom_overlay_element_set: elm => WebXRCameraSource.setDomOverlayElement(elm), log_level_set: l => {
             setLogLevel(l);
             c.impl.log_level_set(l);
         }, cookies_permitted: p => {

package/lib/permission.js

@@ -247,9 +247,9 @@ function permissionDeniedUIIOS(options) {
         }
     </style>
     <div class="zappar-inner">
-        <div class="zappar-title">${(_a = options === null || options === void 0 ? void 0 : options.title) !== null && _a !== void 0 ? _a : 'Permission is Needed'}</div>
-        <div class="zappar-text">${(_c = (_b = options === null || options === void 0 ? void 0 : options.descriptionIOS) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : "Permission to access your device's camera and motion sensors is necessary for this experience. Please reload the page to try again."}</div>
-        <button id="zappar-permission-reload-button">${(_d = options === null || options === void 0 ? void 0 : options.button) !== null && _d !== void 0 ? _d : 'Reload'}</button>
+        <div class="zappar-title">${(_a = options === null || options === void 0 ? void 0 : options.title) !== null && _a !== void 0 ? _a : tr(STRINGS.PermissionDeniedTitle)}</div>
+        <div class="zappar-text">${(_c = (_b = options === null || options === void 0 ? void 0 : options.descriptionIOS) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : tr(STRINGS.PermissionDeniedDescriptionIOS)}</div>
+        <button id="zappar-permission-reload-button">${(_d = options === null || options === void 0 ? void 0 : options.button) !== null && _d !== void 0 ? _d : tr(STRINGS.PermissionDeniedButton)}</button>
     </div>
 `;
     document.body.append(div);
@@ -299,9 +299,9 @@ function permissionDeniedUIChrome(options) {
         }
     </style>
     <div class="zappar-inner">
-        <div class="zappar-title">${(_a = options === null || options === void 0 ? void 0 : options.title) !== null && _a !== void 0 ? _a : 'Permission is Needed'}</div>
-        <div class="zappar-text">${(_c = (_b = options === null || options === void 0 ? void 0 : options.descriptionChrome) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : `Permission to access your device's camera and motion sensors is necessary for this experience.<br/><br/>To grant access, please tap the <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="white"><path d="M696-144q-60.48 0-102.24-41.76T552-288q0-60.48 41.76-102.24T696-432q60.48 0 102.24 41.76T840-288q0 60.48-41.76 102.24T696-144Zm.12-72Q726-216 747-237.12q21-21.12 21-51T746.88-339q-21.12-21-51-21T645-338.88q-21 21.12-21 51T645.12-237q21.12 21 51 21ZM168-252v-72h312v72H168Zm96-276q-60.48 0-102.24-41.76T120-672q0-60.48 41.76-102.24T264-816q60.48 0 102.24 41.76T408-672q0 60.48-41.76 102.24T264-528Zm.12-72Q294-600 315-621.12q21-21.12 21-51T314.88-723q-21.12-21-51-21T213-722.88q-21 21.12-21 51T213.12-621q21.12 21 51 21ZM480-636v-72h312v72H480Zm216 348ZM264-672Z"/></svg> button in the address bar of your browser, then "Permissions", and finally "Reset permissions". You can then reload the page to try again.`}</div>
-        <button id="zappar-permission-reload-button">${(_d = options === null || options === void 0 ? void 0 : options.button) !== null && _d !== void 0 ? _d : 'Reload'}</button>
+        <div class="zappar-title">${(_a = options === null || options === void 0 ? void 0 : options.title) !== null && _a !== void 0 ? _a : tr(STRINGS.PermissionDeniedTitle)}</div>
+        <div class="zappar-text">${(_c = (_b = options === null || options === void 0 ? void 0 : options.descriptionChrome) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : tr(STRINGS.PermissionDeniedDescriptionChrome)}</div>
+        <button id="zappar-permission-reload-button">${(_d = options === null || options === void 0 ? void 0 : options.button) !== null && _d !== void 0 ? _d : tr(STRINGS.PermissionDeniedButton)}</button>
     </div>
 `;
     document.body.append(div);

package/lib/profile.js

@@ -11,8 +11,8 @@ export let profile = {
     showGyroPermissionsWarningIfNecessary: false,
     showSafariPermissionsResetIfNecessary: false,
     requestHighFrameRate: false,
-    videoWidth: 1280,
-    videoHeight: 720,
+    videoWidth: 640,
+    videoHeight: 480,
     videoElementInDOM: false,
     preferMediaStreamTrackProcessorCamera: false,
     preferImageBitmapCamera: false,

package/lib/src/additional.d.ts

@@ -47,4 +47,5 @@ export interface Additional {
     cookies_permitted: (p: boolean) => void;
     world_tracker_points_data_matrix(wt: zappar_world_tracker_t, screenWidth: number, screenHeight: number, mirror: boolean): Float32Array;
     in_app_clip: () => boolean;
+    webxr_camera_source_dom_overlay_element_set: (element: Element | null) => void;
 }

package/lib/src/chromesettingsicon.d.ts

@@ -0,0 +1 @@
+export declare const chromeSettingsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16px\" viewBox=\"0 -960 960 960\" width=\"16px\" fill=\"white\"><path d=\"M696-144q-60.48 0-102.24-41.76T552-288q0-60.48 41.76-102.24T696-432q60.48 0 102.24 41.76T840-288q0 60.48-41.76 102.24T696-144Zm.12-72Q726-216 747-237.12q21-21.12 21-51T746.88-339q-21.12-21-51-21T645-338.88q-21 21.12-21 51T645.12-237q21.12 21 51 21ZM168-252v-72h312v72H168Zm96-276q-60.48 0-102.24-41.76T120-672q0-60.48 41.76-102.24T264-816q60.48 0 102.24 41.76T408-672q0 60.48-41.76 102.24T264-528Zm.12-72Q294-600 315-621.12q21-21.12 21-51T314.88-723q-21.12-21-51-21T213-722.88q-21 21.12-21 51T213.12-621q21.12 21 51 21ZM480-636v-72h312v72H480Zm216 348ZM264-672Z\"/></svg>";

package/lib/src/tr.d.ts

@@ -1,6 +1,10 @@
 export declare enum STRINGS {
     PermissionTitle = 0,
     PermissionDescription = 1,
-    PermissionButton = 2
+    PermissionButton = 2,
+    PermissionDeniedTitle = 3,
+    PermissionDeniedDescriptionChrome = 4,
+    PermissionDeniedDescriptionIOS = 5,
+    PermissionDeniedButton = 6
 }
 export declare function tr(str: STRINGS): string;

package/lib/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.12.0";
+export declare const VERSION = "3.14.1";

package/lib/src/webxr-camera-source.d.ts

@@ -58,6 +58,8 @@ export declare class WebXRCameraSource extends Source {
     private _customAnchors;
     private _groundH;
     static IsSupported(): boolean;
+    private static _domOverlayElement;
+    static setDomOverlayElement(element: Element | null): void;
     constructor(_impl: zappar_camera_source_t, _pipeline: zappar_pipeline_t);
     destroy(): void;
     setProfile(p: camera_profile_t): void;

package/lib/tr.d.ts

@@ -1,6 +1,10 @@
 export declare enum STRINGS {
     PermissionTitle = 0,
     PermissionDescription = 1,
-    PermissionButton = 2
+    PermissionButton = 2,
+    PermissionDeniedTitle = 3,
+    PermissionDeniedDescriptionChrome = 4,
+    PermissionDeniedDescriptionIOS = 5,
+    PermissionDeniedButton = 6
 }
 export declare function tr(str: STRINGS): string;

package/lib/tr.js

@@ -1,8 +1,13 @@
+import { chromeSettingsIcon } from "./chromesettingsicon";
 export var STRINGS;
 (function (STRINGS) {
     STRINGS[STRINGS["PermissionTitle"] = 0] = "PermissionTitle";
     STRINGS[STRINGS["PermissionDescription"] = 1] = "PermissionDescription";
     STRINGS[STRINGS["PermissionButton"] = 2] = "PermissionButton";
+    STRINGS[STRINGS["PermissionDeniedTitle"] = 3] = "PermissionDeniedTitle";
+    STRINGS[STRINGS["PermissionDeniedDescriptionChrome"] = 4] = "PermissionDeniedDescriptionChrome";
+    STRINGS[STRINGS["PermissionDeniedDescriptionIOS"] = 5] = "PermissionDeniedDescriptionIOS";
+    STRINGS[STRINGS["PermissionDeniedButton"] = 6] = "PermissionDeniedButton";
 })(STRINGS || (STRINGS = {}));
 function parseLanguage(inp) {
     const [lang, locale] = inp.toLowerCase().split("-");
@@ -16,13 +21,32 @@ export function tr(str) {
                 case STRINGS.PermissionTitle: return "Ya casi...";
                 case STRINGS.PermissionDescription: return "Para brindar esta experiencia de realidad aumentada, necesitamos acceso a la cámara y los sensores de movimiento de su dispositivo.";
                 case STRINGS.PermissionButton: return "Permitir acceso";
+                case STRINGS.PermissionDeniedTitle: return "Se Necesita Permiso";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Es necesario el permiso para acceder a la cámara y los sensores de movimiento de su dispositivo para esta experiencia.<br/><br/>Para otorgar acceso, toque el botón ${chromeSettingsIcon} en la barra de direcciones de su navegador, luego "Permisos" y finalmente "Restablecer permisos". Luego puede recargar la página para intentarlo de nuevo.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Es necesario el permiso para acceder a la cámara y los sensores de movimiento de su dispositivo para esta experiencia. Recargue la página para intentarlo de nuevo.";
+                case STRINGS.PermissionDeniedButton: return "Recargar";
+            }
+            break;
+        case "ca":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Ja gairebé hi som...";
+                case STRINGS.PermissionDescription: return "Per oferir aquesta experiència immersiva, necessitem accedir a la càmera i als sensors de moviment del teu dispositiu.";
+                case STRINGS.PermissionButton: return "Permet l'accés";
+                case STRINGS.PermissionDeniedTitle: return "Cal permís";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Cal permís per accedir a la càmera i als sensors de moviment del teu dispositiu per a aquesta experiència.<br/><br/>Per concedir l'accés, toca el botó ${chromeSettingsIcon} a la barra d'adreces del navegador, després "Permisos" i finalment "Restableix els permisos". Després podràs tornar a carregar la pàgina per provar-ho de nou.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Cal permís per accedir a la càmera i als sensors de moviment del teu dispositiu per a aquesta experiència. Torna a carregar la pàgina per provar-ho de nou.";
+                case STRINGS.PermissionDeniedButton: return "Torna a carregar";
             }
             break;
         case "de":
             switch (str) {
-                case STRINGS.PermissionTitle: return "Fast am Ziel..";
+                case STRINGS.PermissionTitle: return "Fast am Ziel...";
                 case STRINGS.PermissionDescription: return "Um dir dieses Augmented Reality Erlebnis zu liefern, brauchen wir Zugriff auf die Kamera und Bewegungssensoren deines Gerätes.";
                 case STRINGS.PermissionButton: return "Gewähre Zugriff";
+                case STRINGS.PermissionDeniedTitle: return "Berechtigung Erforderlich";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Die Berechtigung zum Zugriff auf die Kamera und Bewegungssensoren deines Geräts ist für diese Erfahrung erforderlich.<br/><br/>Um den Zugriff zu gewähren, tippe bitte auf die Schaltfläche ${chromeSettingsIcon} in der Adressleiste deines Browsers, dann auf "Berechtigungen" und schließlich auf "Berechtigungen zurücksetzen". Du kannst dann die Seite neu laden, um es erneut zu versuchen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Die Berechtigung zum Zugriff auf die Kamera und Bewegungssensoren deines Geräts ist für diese Erfahrung erforderlich. Bitte lade die Seite neu, um es erneut zu versuchen.";
+                case STRINGS.PermissionDeniedButton: return "Neu laden";
             }
             break;
         case "pt":
@@ -30,6 +54,296 @@ export function tr(str) {
                 case STRINGS.PermissionTitle: return "Está quase!";
                 case STRINGS.PermissionDescription: return "Esta experiência de realidade aumentada precisa de acesso à câmera e aos sensores de movimento deste dispositivo.";
                 case STRINGS.PermissionButton: return "Permitir acesso";
+                case STRINGS.PermissionDeniedTitle: return "Permissão Necessária";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `A permissão para acessar a câmera e os sensores de movimento do seu dispositivo é necessária para esta experiência.<br/><br/>Para conceder acesso, toque no botão ${chromeSettingsIcon} na barra de endereços do seu navegador, depois em "Permissões" e, por fim, em "Redefinir permissões". Você pode então recarregar a página para tentar novamente.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "A permissão para acessar a câmera e os sensores de movimento do seu dispositivo é necessária para esta experiência. Recarregue a página para tentar novamente.";
+                case STRINGS.PermissionDeniedButton: return "Recarregar";
+            }
+            break;
+        case "fr":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Presque là...";
+                case STRINGS.PermissionDescription: return "Pour vous offrir cette expérience immersive, nous avons besoin d'accéder à la caméra et aux capteurs de mouvement de votre appareil.";
+                case STRINGS.PermissionButton: return "Autoriser l'accès";
+                case STRINGS.PermissionDeniedTitle: return "Autorisation Requise";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `La permission d'accéder à la caméra et aux capteurs de mouvement de votre appareil est nécessaire pour cette expérience.<br/><br/>Pour accorder l'accès, appuyez sur le bouton ${chromeSettingsIcon} dans la barre d'adresse de votre navigateur, puis sur "Autorisations", et enfin sur "Réinitialiser les autorisations". Vous pouvez ensuite recharger la page pour réessayer.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "La permission d'accéder à la caméra et aux capteurs de mouvement de votre appareil est nécessaire pour cette expérience. Veuillez recharger la page pour réessayer.";
+                case STRINGS.PermissionDeniedButton: return "Recharger";
+            }
+            break;
+        case "ja":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "もうすぐです...";
+                case STRINGS.PermissionDescription: return "この没入型体験を提供するために、デバイスのカメラとモーションセンサーへのアクセスが必要です。";
+                case STRINGS.PermissionButton: return "アクセスを許可";
+                case STRINGS.PermissionDeniedTitle: return "許可が必要です";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `この体験にはデバイスのカメラとモーションセンサーへのアクセス許可が必要です。<br/><br/>アクセスを許可するには、ブラウザのアドレスバーにある${chromeSettingsIcon}ボタンをタップし、「権限」、「権限をリセット」の順にタップしてください。その後、ページを再読み込みして再試行できます。`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "この体験にはデバイスのカメラとモーションセンサーへのアクセス許可が必要です。ページを再読み込みして再試行してください。";
+                case STRINGS.PermissionDeniedButton: return "再読み込み";
+            }
+            break;
+        case "ko":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "거의 다 왔습니다...";
+                case STRINGS.PermissionDescription: return "이 몰입형 경험을 제공하기 위해 기기의 카메라와 모션 센서에 대한 접근 권한이 필요합니다.";
+                case STRINGS.PermissionButton: return "접근 허용";
+                case STRINGS.PermissionDeniedTitle: return "권한이 필요합니다";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `이 경험을 위해 기기의 카메라와 모션 센서에 접근하기 위한 권한이 필요합니다.<br/><br/>접근을 허용하려면 브라우저 주소창의 ${chromeSettingsIcon} 버튼을 탭한 후 "권한", "권한 재설정" 순으로 탭하세요. 그런 다음 페이지를 새로 고침하여 다시 시도할 수 있습니다.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "이 경험을 위해 기기의 카메라와 모션 센서에 접근하기 위한 권한이 필요합니다. 페이지를 새로 고침하여 다시 시도하세요.";
+                case STRINGS.PermissionDeniedButton: return "새로 고침";
+            }
+            break;
+        case "zh":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "即将完成...";
+                case STRINGS.PermissionDescription: return "为了提供这种沉浸式体验，我们需要访问您设备的摄像头和运动传感器。";
+                case STRINGS.PermissionButton: return "授予访问权限";
+                case STRINGS.PermissionDeniedTitle: return "需要权限";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `访问您设备的摄像头和运动传感器的权限对于此体验是必要的。<br/><br/>要授予访问权限，请点击浏览器地址栏中的 ${chromeSettingsIcon} 按钮，然后点击"权限"，最后点击"重置权限"。您可以重新加载页面再次尝试。`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "访问您设备的摄像头和运动传感器的权限对于此体验是必要的。请重新加载页面再次尝试。";
+                case STRINGS.PermissionDeniedButton: return "重新加载";
+            }
+            break;
+        case "ar":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "اقتربنا...";
+                case STRINGS.PermissionDescription: return "لتوفير هذه التجربة الغامرة، نحتاج إلى الوصول إلى كاميرا جهازك وأجهزة استشعار الحركة.";
+                case STRINGS.PermissionButton: return "منح الوصول";
+                case STRINGS.PermissionDeniedTitle: return "الإذن مطلوب";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `إذن الوصول إلى كاميرا جهازك وأجهزة استشعار الحركة ضروري لهذه التجربة.<br/><br/>لمنح الوصول، اضغط على زر ${chromeSettingsIcon} في شريط عنوان متصفحك، ثم "الأذونات"، وأخيراً "إعادة تعيين الأذونات". يمكنك بعد ذلك إعادة تحميل الصفحة للمحاولة مرة أخرى.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "إذن الوصول إلى كاميرا جهازك وأجهزة استشعار الحركة ضروري لهذه التجربة. يرجى إعادة تحميل الصفحة للمحاولة مرة أخرى.";
+                case STRINGS.PermissionDeniedButton: return "إعادة تحميل";
+            }
+            break;
+        case "hi":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "लगभग हो गया...";
+                case STRINGS.PermissionDescription: return "यह इमर्सिव अनुभव प्रदान करने के लिए, हमें आपके डिवाइस के कैमरे और मोशन सेंसर तक पहुंच की आवश्यकता है।";
+                case STRINGS.PermissionButton: return "पहुंच प्रदान करें";
+                case STRINGS.PermissionDeniedTitle: return "अनुमति आवश्यक है";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `इस अनुभव के लिए आपके डिवाइस के कैमरे और मोशन सेंसर तक पहुंचने की अनुमति आवश्यक है।<br/><br/>पहुंच प्रदान करने के लिए, अपने ब्राउज़र के एड्रेस बार में ${chromeSettingsIcon} बटन पर टैप करें, फिर "अनुमतियां" और अंत में "अनुमतियां रीसेट करें"। आप फिर से प्रयास करने के लिए पृष्ठ को पुनः लोड कर सकते हैं।`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "इस अनुभव के लिए आपके डिवाइस के कैमरे और मोशन सेंसर तक पहुंचने की अनुमति आवश्यक है। कृपया पुनः प्रयास करने के लिए पृष्ठ को पुनः लोड करें।";
+                case STRINGS.PermissionDeniedButton: return "पुनः लोड करें";
+            }
+            break;
+        case "it":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Ci siamo quasi...";
+                case STRINGS.PermissionDescription: return "Per offrirti questa esperienza immersiva, abbiamo bisogno di accedere alla fotocamera e ai sensori di movimento del tuo dispositivo.";
+                case STRINGS.PermissionButton: return "Consenti accesso";
+                case STRINGS.PermissionDeniedTitle: return "Autorizzazione necessaria";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `L'autorizzazione per accedere alla fotocamera e ai sensori di movimento del tuo dispositivo è necessaria per questa esperienza.<br/><br/>Per concedere l'accesso, tocca il pulsante ${chromeSettingsIcon} nella barra degli indirizzi del tuo browser, poi "Autorizzazioni" e infine "Reimposta autorizzazioni". Puoi quindi ricaricare la pagina per riprovare.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "L'autorizzazione per accedere alla fotocamera e ai sensori di movimento del tuo dispositivo è necessaria per questa esperienza. Ricarica la pagina per riprovare.";
+                case STRINGS.PermissionDeniedButton: return "Ricarica";
+            }
+            break;
+        case "nl":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Bijna klaar...";
+                case STRINGS.PermissionDescription: return "Om deze meeslepende ervaring te bieden, hebben we toegang nodig tot de camera en bewegingssensoren van uw apparaat.";
+                case STRINGS.PermissionButton: return "Toegang verlenen";
+                case STRINGS.PermissionDeniedTitle: return "Toestemming vereist";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Toestemming voor toegang tot de camera en bewegingssensoren van uw apparaat is noodzakelijk voor deze ervaring.<br/><br/>Om toegang te verlenen, tik op de ${chromeSettingsIcon} knop in de adresbalk van uw browser, dan "Machtigingen" en ten slotte "Machtigingen resetten". U kunt vervolgens de pagina opnieuw laden om het opnieuw te proberen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Toestemming voor toegang tot de camera en bewegingssensoren van uw apparaat is noodzakelijk voor deze ervaring. Herlaad de pagina om het opnieuw te proberen.";
+                case STRINGS.PermissionDeniedButton: return "Herladen";
+            }
+            break;
+        case "ru":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Почти готово...";
+                case STRINGS.PermissionDescription: return "Для обеспечения этого иммерсивного опыта нам необходим доступ к камере и датчикам движения вашего устройства.";
+                case STRINGS.PermissionButton: return "Разрешить доступ";
+                case STRINGS.PermissionDeniedTitle: return "Требуется разрешение";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Для этого опыта необходимо разрешение на доступ к камере и датчикам движения вашего устройства.<br/><br/>Чтобы предоставить доступ, нажмите кнопку ${chromeSettingsIcon} в адресной строке браузера, затем «Разрешения» и «Сбросить разрешения». После этого перезагрузите страницу, чтобы повторить попытку.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Для этого опыта необходимо разрешение на доступ к камере и датчикам движения вашего устройства. Перезагрузите страницу, чтобы повторить попытку.";
+                case STRINGS.PermissionDeniedButton: return "Перезагрузить";
+            }
+            break;
+        case "tr":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Neredeyse tamam...";
+                case STRINGS.PermissionDescription: return "Bu sürükleyici deneyimi sunmak için cihazınızın kamerasına ve hareket sensörlerine erişmemiz gerekiyor.";
+                case STRINGS.PermissionButton: return "Erişime izin ver";
+                case STRINGS.PermissionDeniedTitle: return "İzin gerekli";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Bu deneyim için cihazınızın kamerasına ve hareket sensörlerine erişim izni gereklidir.<br/><br/>Erişim vermek için tarayıcınızın adres çubuğundaki ${chromeSettingsIcon} düğmesine dokunun, ardından "İzinler" ve son olarak "İzinleri sıfırla" seçeneklerine dokunun. Daha sonra tekrar denemek için sayfayı yeniden yükleyebilirsiniz.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Bu deneyim için cihazınızın kamerasına ve hareket sensörlerine erişim izni gereklidir. Tekrar denemek için lütfen sayfayı yeniden yükleyin.";
+                case STRINGS.PermissionDeniedButton: return "Yeniden yükle";
+            }
+            break;
+        case "id":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Hampir selesai...";
+                case STRINGS.PermissionDescription: return "Untuk memberikan pengalaman imersif ini, kami memerlukan akses ke kamera dan sensor gerak perangkat Anda.";
+                case STRINGS.PermissionButton: return "Berikan akses";
+                case STRINGS.PermissionDeniedTitle: return "Izin diperlukan";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Izin untuk mengakses kamera dan sensor gerak perangkat Anda diperlukan untuk pengalaman ini.<br/><br/>Untuk memberikan akses, ketuk tombol ${chromeSettingsIcon} di bilah alamat browser Anda, lalu "Izin", dan terakhir "Setel ulang izin". Anda kemudian dapat memuat ulang halaman untuk mencoba lagi.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Izin untuk mengakses kamera dan sensor gerak perangkat Anda diperlukan untuk pengalaman ini. Muat ulang halaman untuk mencoba lagi.";
+                case STRINGS.PermissionDeniedButton: return "Muat ulang";
+            }
+            break;
+        case "th":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "เกือบเสร็จแล้ว...";
+                case STRINGS.PermissionDescription: return "เพื่อมอบประสบการณ์สมจริงนี้ เราต้องการเข้าถึงกล้องและเซ็นเซอร์การเคลื่อนไหวของอุปกรณ์คุณ";
+                case STRINGS.PermissionButton: return "อนุญาตการเข้าถึง";
+                case STRINGS.PermissionDeniedTitle: return "จำเป็นต้องได้รับอนุญาต";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `จำเป็นต้องได้รับอนุญาตในการเข้าถึงกล้องและเซ็นเซอร์การเคลื่อนไหวของอุปกรณ์คุณสำหรับประสบการณ์นี้<br/><br/>หากต้องการอนุญาตการเข้าถึง แตะปุ่ม ${chromeSettingsIcon} ในแถบที่อยู่ของเบราว์เซอร์คุณ จากนั้นแตะ "สิทธิ์" และสุดท้าย "รีเซ็ตสิทธิ์" จากนั้นคุณสามารถโหลดหน้าใหม่เพื่อลองอีกครั้ง`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "จำเป็นต้องได้รับอนุญาตในการเข้าถึงกล้องและเซ็นเซอร์การเคลื่อนไหวของอุปกรณ์คุณสำหรับประสบการณ์นี้ กรุณาโหลดหน้าใหม่เพื่อลองอีกครั้ง";
+                case STRINGS.PermissionDeniedButton: return "โหลดใหม่";
+            }
+            break;
+        case "vi":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Gần xong rồi...";
+                case STRINGS.PermissionDescription: return "Để cung cấp trải nghiệm sống động này, chúng tôi cần quyền truy cập vào camera và cảm biến chuyển động của thiết bị bạn.";
+                case STRINGS.PermissionButton: return "Cấp quyền truy cập";
+                case STRINGS.PermissionDeniedTitle: return "Cần có quyền";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Cần có quyền truy cập vào camera và cảm biến chuyển động của thiết bị bạn cho trải nghiệm này.<br/><br/>Để cấp quyền truy cập, hãy nhấn vào nút ${chromeSettingsIcon} trên thanh địa chỉ của trình duyệt, sau đó nhấn "Quyền" và cuối cùng là "Đặt lại quyền". Sau đó bạn có thể tải lại trang để thử lại.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Cần có quyền truy cập vào camera và cảm biến chuyển động của thiết bị bạn cho trải nghiệm này. Vui lòng tải lại trang để thử lại.";
+                case STRINGS.PermissionDeniedButton: return "Tải lại";
+            }
+            break;
+        case "pl":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Prawie gotowe...";
+                case STRINGS.PermissionDescription: return "Aby zapewnić to immersyjne doświadczenie, potrzebujemy dostępu do kamery i czujników ruchu Twojego urządzenia.";
+                case STRINGS.PermissionButton: return "Zezwól na dostęp";
+                case STRINGS.PermissionDeniedTitle: return "Wymagane zezwolenie";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Zezwolenie na dostęp do kamery i czujników ruchu Twojego urządzenia jest konieczne dla tego doświadczenia.<br/><br/>Aby udzielić dostępu, dotknij przycisku ${chromeSettingsIcon} na pasku adresu przeglądarki, następnie wybierz "Uprawnienia" i na końcu "Resetuj uprawnienia". Następnie możesz ponownie załadować stronę, aby spróbować ponownie.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Zezwolenie na dostęp do kamery i czujników ruchu Twojego urządzenia jest konieczne dla tego doświadczenia. Proszę przeładować stronę, aby spróbować ponownie.";
+                case STRINGS.PermissionDeniedButton: return "Przeładuj";
+            }
+            break;
+        case "sv":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Nästan där...";
+                case STRINGS.PermissionDescription: return "För att ge dig denna upplevelse behöver vi tillgång till din enhets kamera och rörelsesensorer.";
+                case STRINGS.PermissionButton: return "Ge åtkomst";
+                case STRINGS.PermissionDeniedTitle: return "Tillstånd krävs";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Tillstånd att komma åt din enhets kamera och rörelsesensorer krävs för denna upplevelse.<br/><br/>För att ge åtkomst, tryck på ${chromeSettingsIcon}-knappen i webbläsarens adressfält, sedan "Behörigheter" och slutligen "Återställ behörigheter". Du kan sedan ladda om sidan och försöka igen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Tillstånd att komma åt din enhets kamera och rörelsesensorer krävs för denna upplevelse. Ladda om sidan och försöka igen.";
+                case STRINGS.PermissionDeniedButton: return "Ladda om";
+            }
+            break;
+        case "no":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Nesten der...";
+                case STRINGS.PermissionDescription: return "For å gi deg denne opplevelsen trenger vi tilgang til kameraet og bevegelsessensorene på enheten din.";
+                case STRINGS.PermissionButton: return "Gi tilgang";
+                case STRINGS.PermissionDeniedTitle: return "Tillatelse kreves";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Tillatelse til å få tilgang til kameraet og bevegelsessensorene på enheten din er nødvendig for denne opplevelsen.<br/><br/>For å gi tilgang, trykk på ${chromeSettingsIcon}-knappen i adressefeltet i nettleseren din, deretter "Tillatelser" og til slutt "Tilbakestill tillatelser". Du kan deretter laste inn siden på nytt for å prøve igjen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Tillatelse til å få tilgang til kameraet og bevegelsessensorene på enheten din er nødvendig for denne opplevelsen. Last inn siden på nytt for å prøve igjen.";
+                case STRINGS.PermissionDeniedButton: return "Last inn på nytt";
+            }
+            break;
+        case "da":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Næsten der...";
+                case STRINGS.PermissionDescription: return "For at give dig denne oplevelse har vi brug for adgang til din enheds kamera og bevægelsessensorer.";
+                case STRINGS.PermissionButton: return "Giv adgang";
+                case STRINGS.PermissionDeniedTitle: return "Tilladelse er nødvendig";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Tilladelse til at få adgang til din enheds kamera og bevægelsessensorer er nødvendig for denne oplevelse.<br/><br/>For at give adgang, tryk på ${chromeSettingsIcon}-knappen i adresselinjen i din browser, derefter "Tilladelser" og til sidst "Nulstil tilladelser". Du kan derefter genindlæse siden for at prøve igen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Tilladelse til at få adgang til din enheds kamera og bevægelsessensorer er nødvendig for denne oplevelse. Genindlæs siden for at prøve igen.";
+                case STRINGS.PermissionDeniedButton: return "Genindlæs";
+            }
+            break;
+        case "fi":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Melkein valmis...";
+                case STRINGS.PermissionDescription: return "Tarjotaksemme tämän mukaansatempaavan kokemuksen tarvitsemme pääsyn laitteesi kameraan ja liiketunnistimiin.";
+                case STRINGS.PermissionButton: return "Myönnä pääsy";
+                case STRINGS.PermissionDeniedTitle: return "Lupa vaaditaan";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Lupa laitteesi kameran ja liiketunnistimien käyttöön on välttämätön tätä kokemusta varten.<br/><br/>Myöntääksesi pääsyn, napauta ${chromeSettingsIcon}-painiketta selaimesi osoitepalkissa, sitten "Luvat" ja lopuksi "Nollaa luvat". Voit sitten ladata sivun uudelleen yrittääksesi uudelleen.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Lupa laitteesi kameran ja liiketunnistimien käyttöön on välttämätön tätä kokemusta varten. Lataa sivu uudelleen yrittääksesi uudelleen.";
+                case STRINGS.PermissionDeniedButton: return "Lataa uudelleen";
+            }
+            break;
+        case "cs":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Už skoro...";
+                case STRINGS.PermissionDescription: return "Abychom vám mohli poskytnout tento pohlcující zážitek, potřebujeme přístup ke kameře a pohybovým senzorům vašeho zařízení.";
+                case STRINGS.PermissionButton: return "Udělit přístup";
+                case STRINGS.PermissionDeniedTitle: return "Je vyžadováno oprávnění";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Pro tento zážitek je nutné oprávnění k přístupu ke kameře a pohybovým senzorům vašeho zařízení.<br/><br/>Chcete-li udělit přístup, klepněte na tlačítko ${chromeSettingsIcon} v adresním řádku prohlížeče, poté na "Oprávnění" a nakonec na "Obnovit oprávnění". Poté můžete stránku znovu načíst a zkusit to znovu.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Pro tento zážitek je nutné oprávnění k přístupu ke kameře a pohybovým senzorům vašeho zařízení. Prosím, znovu načtěte stránku a zkuste to znovu.";
+                case STRINGS.PermissionDeniedButton: return "Znovu načíst";
+            }
+            break;
+        case "hu":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Már majdnem...";
+                case STRINGS.PermissionDescription: return "Ahhoz, hogy ezt a magával ragadó élményt nyújthassuk, hozzáférésre van szükségünk az eszköze kamerájához és mozgásérzékelőihez.";
+                case STRINGS.PermissionButton: return "Hozzáférés engedélyezése";
+                case STRINGS.PermissionDeniedTitle: return "Engedély szükséges";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Az eszköze kamerájához és mozgásérzékelőihez való hozzáférés engedélye szükséges ehhez az élményhez.<br/><br/>A hozzáférés megadásához érintse meg a böngésző címsorában lévő ${chromeSettingsIcon} gombot, majd az "Engedélyek", végül az "Engedélyek visszaállítása" lehetőséget. Ezután újratöltheti az oldalt, hogy újra próbálkozzon.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Az eszköze kamerájához és mozgásérzékelőihez való hozzáférés engedélye szükséges ehhez az élményhez. Kérjük, töltse újra az oldalt, hogy újra próbálkozzon.";
+                case STRINGS.PermissionDeniedButton: return "Újratöltés";
+            }
+            break;
+        case "el":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Σχεδόν εκεί...";
+                case STRINGS.PermissionDescription: return "Για να σας προσφέρουμε αυτήν την εμπειρία, χρειαζόμαστε πρόσβαση στην κάμερα και τους αισθητήρες κίνησης της συσκευής σας.";
+                case STRINGS.PermissionButton: return "Παροχή πρόσβασης";
+                case STRINGS.PermissionDeniedTitle: return "Απαιτείται άδεια";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Η άδεια πρόσβασης στην κάμερα και τους αισθητήρες κίνησης της συσκευής σας είναι απαραίτητη για αυτήν την εμπειρία.<br/><br/>Για να παρέχετε πρόσβαση, πατήστε το κουμπί ${chromeSettingsIcon} στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας, μετά "Άδειες" και τέλος "Επαναφορά αδειών". Στη συνέχεια μπορείτε να φορτώσετε ξανά τη σελίδα για να δοκιμάσετε ξανά.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Η άδεια πρόσβασης στην κάμερα και τους αισθητήρες κίνησης της συσκευής σας είναι απαραίτητη για αυτήν την εμπειρία. Παρακαλώ φορτώστε ξανά τη σελίδα για να δοκιμάσετε ξανά.";
+                case STRINGS.PermissionDeniedButton: return "Επαναφόρτωση";
+            }
+            break;
+        case "ro":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Aproape gata...";
+                case STRINGS.PermissionDescription: return "Pentru a vă oferi această experiență captivantă, avem nevoie de acces la camera și senzorii de mișcare ai dispozitivului dvs.";
+                case STRINGS.PermissionButton: return "Acordați acces";
+                case STRINGS.PermissionDeniedTitle: return "Este necesară permisiunea";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Permisiunea de a accesa camera și senzorii de mișcare ai dispozitivului dvs. este necesară pentru această experiență.<br/><br/>Pentru a acorda acces, atingeți butonul ${chromeSettingsIcon} din bara de adrese a browserului dvs., apoi "Permisiuni" și în final "Resetați permisiunile". Puteți apoi reîncărca pagina pentru a încerca din nou.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Permisiunea de a accesa camera și senzorii de mișcare ai dispozitivului dvs. este necesară pentru această experiență. Vă rugăm să reîncărcați pagina pentru a încerca din nou.";
+                case STRINGS.PermissionDeniedButton: return "Reîncărcați";
+            }
+            break;
+        case "uk":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Майже готово...";
+                case STRINGS.PermissionDescription: return "Щоб забезпечити цей захоплюючий досвід, нам потрібен доступ до камери та датчиків руху вашого пристрою.";
+                case STRINGS.PermissionButton: return "Надати доступ";
+                case STRINGS.PermissionDeniedTitle: return "Потрібен дозвіл";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Для цього досвіду необхідний дозвіл на доступ до камери та датчиків руху вашого пристрою.<br/><br/>Щоб надати доступ, натисніть кнопку ${chromeSettingsIcon} в адресному рядку браузера, потім «Дозволи» і «Скинути дозволи». Після цього перезавантажте сторінку, щоб спробувати ще раз.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Для цього досвіду необхідний дозвіл на доступ до камери та датчиків руху вашого пристрою. Будь ласка, перезавантажте сторінку, щоб спробувати ще раз.";
+                case STRINGS.PermissionDeniedButton: return "Перезавантажити";
+            }
+            break;
+        case "he":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "כמעט שם...";
+                case STRINGS.PermissionDescription: return "כדי לספק חוויה סוחפת זו, אנו זקוקים לגישה למצלמה ולחיישני התנועה של המכשיר שלך.";
+                case STRINGS.PermissionButton: return "אשר גישה";
+                case STRINGS.PermissionDeniedTitle: return "נדרשת הרשאה";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `נדרשת הרשאה לגישה למצלמה ולחיישני התנועה של המכשיר שלך לחוויה זו.<br/><br/>כדי לאשר גישה, הקש על כפתור ${chromeSettingsIcon} בסרגל הכתובות של הדפדפן שלך, לאחר מכן "הרשאות" ולבסוף "אפס הרשאות". לאחר מכן תוכל לטעון מחדש את הדף כדי לנסות שוב.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "נדרשת הרשאה לגישה למצלמה ולחיישני התנועה של המכשיר שלך לחוויה זו. אנא טען מחדש את הדף כדי לנסות שוב.";
+                case STRINGS.PermissionDeniedButton: return "טען מחדש";
+            }
+            break;
+        case "ms":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Hampir selesai...";
+                case STRINGS.PermissionDescription: return "Untuk memberikan pengalaman imersif ini, kami memerlukan akses kepada kamera dan penderia gerakan peranti anda.";
+                case STRINGS.PermissionButton: return "Berikan akses";
+                case STRINGS.PermissionDeniedTitle: return "Kebenaran diperlukan";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Kebenaran untuk mengakses kamera dan penderia gerakan peranti anda diperlukan untuk pengalaman ini.<br/><br/>Untuk memberikan akses, ketik butang ${chromeSettingsIcon} di bar alamat pelayar anda, kemudian "Kebenaran", dan akhirnya "Tetapkan semula kebenaran". Anda kemudian boleh memuatkan semula halaman untuk mencuba lagi.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Kebenaran untuk mengakses kamera dan penderia gerakan peranti anda diperlukan untuk pengalaman ini. Sila muatkan semula halaman untuk mencuba lagi.";
+                case STRINGS.PermissionDeniedButton: return "Muat semula";
+            }
+            break;
+        case "tl":
+            switch (str) {
+                case STRINGS.PermissionTitle: return "Malapit na...";
+                case STRINGS.PermissionDescription: return "Upang maibigay ang karanasang ito, kailangan namin ng access sa camera at motion sensors ng iyong device.";
+                case STRINGS.PermissionButton: return "Bigyan ng access";
+                case STRINGS.PermissionDeniedTitle: return "Kailangan ng pahintulot";
+                case STRINGS.PermissionDeniedDescriptionChrome: return `Kailangan ng pahintulot para ma-access ang camera at motion sensors ng iyong device para sa karanasang ito.<br/><br/>Upang bigyan ng access, i-tap ang ${chromeSettingsIcon} na button sa address bar ng iyong browser, pagkatapos ay "Mga Pahintulot", at sa wakas ay "I-reset ang mga pahintulot". Maaari mong i-reload ang pahina upang subukang muli.`;
+                case STRINGS.PermissionDeniedDescriptionIOS: return "Kailangan ng pahintulot para ma-access ang camera at motion sensors ng iyong device para sa karanasang ito. Mangyaring i-reload ang pahina upang subukang muli.";
+                case STRINGS.PermissionDeniedButton: return "I-reload";
             }
             break;
     }
@@ -37,6 +351,10 @@ export function tr(str) {
         case STRINGS.PermissionTitle: return "Almost there...";
         case STRINGS.PermissionDescription: return "In order to provide this immersive experience, we need access to your device's camera and motion sensors.";
         case STRINGS.PermissionButton: return "Grant Access";
+        case STRINGS.PermissionDeniedTitle: return "Permission is Needed";
+        case STRINGS.PermissionDeniedDescriptionChrome: return `Permission to access your device's camera and motion sensors is necessary for this experience.<br/><br/>To grant access, please tap the ${chromeSettingsIcon} button in the address bar of your browser, then "Permissions", and finally "Reset permissions". You can then reload the page to try again.`;
+        case STRINGS.PermissionDeniedDescriptionIOS: return "Permission to access your device's camera and motion sensors is necessary for this experience. Please reload the page to try again.";
+        case STRINGS.PermissionDeniedButton: return "Reload";
     }
     return "";
 }

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.12.0";
+export declare const VERSION = "3.14.1";

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = "3.12.0";
+export const VERSION = "3.14.1";

package/lib/webxr-camera-source.d.ts

@@ -58,6 +58,8 @@ export declare class WebXRCameraSource extends Source {
     private _customAnchors;
     private _groundH;
     static IsSupported(): boolean;
+    private static _domOverlayElement;
+    static setDomOverlayElement(element: Element | null): void;
     constructor(_impl: zappar_camera_source_t, _pipeline: zappar_pipeline_t);
     destroy(): void;
     setProfile(p: camera_profile_t): void;

package/lib/webxr-camera-source.js

@@ -16,7 +16,7 @@ import { zcout } from "./loglevel";
 import { deleteCameraSource } from "./camera-source-map";
 import { mat4, vec3, quat } from "gl-matrix";
 import { ImageBlitGl } from "./image-blit-gl";
-import { permissionRequestUI } from "./permission";
+import { permissionDeniedUI, permissionRequestUI } from "./permission";
 const _circleBoundary = new Float32Array(32 * 2);
 for (let i = 0; i < 32; i++) {
     const angle = (i / 32) * 2 * Math.PI;
@@ -53,8 +53,8 @@ export class WebXRCameraSource extends Source {
         this._rawCameraWidth = 320;
         this._rawCameraHeight = 240;
         this._profile = camera_profile_t.DEFAULT;
-        this._preferredWidth = profile.videoWidth;
-        this._preferredHeight = profile.videoHeight;
+        this._preferredWidth = Math.max(profile.videoWidth, 1280);
+        this._preferredHeight = Math.max(profile.videoHeight, 720);
         this._permissionRequestShown = false;
         this._planeHitTestSource = null;
         this._customAnchorSetRequests = new Map();
@@ -352,6 +352,9 @@ export class WebXRCameraSource extends Source {
             return false;
         return true;
     }
+    static setDomOverlayElement(element) {
+        WebXRCameraSource._domOverlayElement = element;
+    }
     destroy() {
         this.pause();
         deleteCameraSource(this._impl);
@@ -360,8 +363,8 @@ export class WebXRCameraSource extends Source {
         this._profile = p;
     }
     setPreferredResolution(w, h) {
-        this._preferredWidth = w;
-        this._preferredHeight = h;
+        this._preferredWidth = Math.max(w, 1280);
+        this._preferredHeight = Math.max(h, 720);
     }
     _stop() {
         if (!this._xrSession)
@@ -456,7 +459,7 @@ export class WebXRCameraSource extends Source {
         return;
     }
     _syncCamera() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
             if (this._isPaused) {
                 if (this._xrSession)
@@ -478,7 +481,8 @@ export class WebXRCameraSource extends Source {
             }
             if (navigator.xr) {
                 try {
-                    const session = yield navigator.xr.requestSession('immersive-ar', { requiredFeatures: ['dom-overlay', 'camera-access', 'hit-test', 'anchors'], domOverlay: { root: document.documentElement } });
+                    const overlayElement = (_b = WebXRCameraSource._domOverlayElement) !== null && _b !== void 0 ? _b : document.documentElement;
+                    const session = yield navigator.xr.requestSession('immersive-ar', { requiredFeatures: ['dom-overlay', 'camera-access', 'hit-test', 'anchors'], domOverlay: { root: overlayElement } });
                     const refSpace = yield session.requestReferenceSpace('local');
                     this._xrViewerSpace = yield session.requestReferenceSpace('viewer');
                     this._xrWebGLLayer = new XRWebGLLayer(session, this._offscreenContext);
@@ -491,16 +495,17 @@ export class WebXRCameraSource extends Source {
                     this._xrGlBinding = new XRWebGLBinding(session, this._offscreenContext);
                     // Create a reference space that is a ray pointing down [0, -0.3] in normalized device coordinates
                     const offsetRay = new XRRay(new DOMPointReadOnly(0, 0, 0), { x: 0, y: -0.3, z: -1, w: 0 });
-                    (_c = (_b = session.requestHitTestSource) === null || _b === void 0 ? void 0 : _b.call(session, {
+                    (_d = (_c = session.requestHitTestSource) === null || _c === void 0 ? void 0 : _c.call(session, {
                         space: this._xrViewerSpace,
                         offsetRay: offsetRay,
                         entityTypes: ['plane']
-                    })) === null || _c === void 0 ? void 0 : _c.then((hitTestSource) => {
+                    })) === null || _d === void 0 ? void 0 : _d.then((hitTestSource) => {
                         this._planeHitTestSource = hitTestSource;
                     });
                 }
                 catch (ex) {
-                    console.log('Exception starting immersive-ar session');
+                    permissionDeniedUI();
+                    console.log('Exception starting immersive-ar session', ex);
                 }
             }
         });
@@ -592,3 +597,4 @@ export class WebXRCameraSource extends Source {
         return false;
     }
 }
+WebXRCameraSource._domOverlayElement = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappar/zappar-cv",
-  "version": "3.12.0",
+  "version": "3.14.1",
   "description": "Zappar's core computer vision library, supporting image, face and world tracking.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",