@wemap/camera 5.1.8 → 5.3.0

package/dist/wemap-camera.es.js

@@ -26877,23 +26877,6 @@ var CameraUtils = /*#__PURE__*/Object.freeze({
   calcDisplayedFov: calcDisplayedFov
 });
 
-const GENERIC_HARDWARE_VERTICAL_FOV = 60;
-
-const parameters = {
-    sourceWidth: 640,
-    sourceHeight: 480
-};
-
-const userMediaConstraints = {
-    audio: false,
-    video: {
-        facingMode: 'environment',
-        width: { ideal: parameters.sourceWidth },
-        height: { ideal: parameters.sourceHeight }
-    }
-};
-
-
 // Helped from https://github.com/jeromeetienne/AR.js/blob/master/three.js/src/threex/threex-artoolkitsource.js
 
 // Camera preview will fill component bounds without transformations.
@@ -26901,6 +26884,14 @@ const userMediaConstraints = {
 //  camera preview is extended then cropped.
 class Camera extends EventEmitter {
 
+    static DEFAULT_OPTIONS = {
+        width: 1024,
+        height: 768,
+        resizeOnWindowChange: false
+    };
+
+    static GENERIC_HARDWARE_VERTICAL_FOV = 60;
+
     videoContainer;
     videoElement;
 
@@ -26908,20 +26899,31 @@ class Camera extends EventEmitter {
 
     _isStarted = false;
 
-    _hardwareVerticalFov = GENERIC_HARDWARE_VERTICAL_FOV;
+    _hardwareVerticalFov = Camera.GENERIC_HARDWARE_VERTICAL_FOV;
     _resizeOnWindowChange;
 
     /**
      * @param {Node} container
-     * @param {boolean} resizeOnWindowChange
+     * @param {{width: number, height: number, resizeOnWindowChange: boolean}} options
      */
-    constructor(container, resizeOnWindowChange = false) {
+    constructor(container, options = {}) {
         super();
 
+        options = Object.assign({}, Camera.DEFAULT_OPTIONS, options);
+
         SharedCameras$1._add(this, container);
 
         this.videoContainer = container;
-        this._resizeOnWindowChange = resizeOnWindowChange;
+
+        this._resizeOnWindowChange = options.resizeOnWindowChange;
+        this._userMediaConstraints = {
+            audio: false,
+            video: {
+                facingMode: 'environment',
+                width: { ideal: options.width },
+                height: { ideal: options.height }
+            }
+        };
 
         this.videoContainer.style.overflow = 'hidden';
 
@@ -26943,7 +26945,7 @@ class Camera extends EventEmitter {
 
         await Camera.checkAvailability();
 
-        const stream = await navigator.mediaDevices.getUserMedia(userMediaConstraints);
+        const stream = await navigator.mediaDevices.getUserMedia(this._userMediaConstraints);
 
         // Listeners have to be set before srcObject assigment or they can be never called
         this.videoElement.oncanplaythrough = () => this.videoElement.play();
@@ -27013,7 +27015,7 @@ class Camera extends EventEmitter {
         }
 
         if (testUserMedia) {
-            const stream = await navigator.mediaDevices.getUserMedia(userMediaConstraints);
+            const stream = await navigator.mediaDevices.getUserMedia(this._userMediaConstraints);
             if (stream.stop) {
                 stream.stop();
             } else {