@wemap/camera 9.2.0 → 10.0.0-alpha.10

package/dist/wemap-camera.es.js

@@ -0,0 +1,623 @@
+import { BarcodeFormat, MultiFormatReader, DecodeHintType, BinaryBitmap, HybridBinarizer, RGBLuminanceSource } from '@zxing/library';
+export { BarcodeFormat } from '@zxing/library';
+import EventEmitter from 'events';
+import Logger from '@wemap/logger';
+
+class SharedCameras extends EventEmitter {
+
+    /**
+     * Singleton pattern.
+     * @returns {SharedCameras}
+     */
+    static get instance() {
+        if (!this._instance) {
+            this._instance = new SharedCameras();
+        }
+        return this._instance;
+    }
+
+    /** @type {{container: Node, camera: Camera}[]} */
+    _list = [];
+
+    /**
+     * @param {Camera} camera
+     * @param {Node}
+     */
+    _add(camera, container) {
+        const obj = {
+            camera,
+            container
+        };
+        this._list.push(obj);
+        this.emit('added', obj);
+    }
+
+    /**
+     * @param {Camera} camera
+     */
+    _remove(camera) {
+        this._list = this._list.filter(({ camera: _camera }) => _camera !== camera);
+        this.emit('removed', { camera });
+    }
+
+    /**
+     * @returns {{container: Node, camera: Camera}[]}
+     */
+    get list() {
+        return this._list;
+    }
+
+    /**
+     * @param {Node} container
+     * @returns {?Camera}
+     */
+    getCameraByContainer(container) {
+        for (const {
+            camera, container: _container
+        } of this._list) {
+            if (container === _container) {
+                return camera;
+            }
+        }
+        return null;
+    }
+}
+
+var SharedCameras$1 = SharedCameras.instance;
+
+/**
+ * @param {number} angle
+ * @param {number} aspectRatio
+ * @returns {number}
+ */
+function convertFov(angle, aspectRatio) {
+    return 2 * Math.atan(Math.tan((angle / 180 * Math.PI) / 2) * aspectRatio) * 180 / Math.PI;
+}
+
+/**
+ * @param {HTMLDivElement} videoContainer
+ * @param {HTMLVideoElement} videoElement
+ * @param {number} hardwareVerticalFov
+ * @returns {object}
+ */
+function calcDisplayedFov(videoContainer, videoElement, hardwareVerticalFov) {
+
+    const sourceWidth = videoElement.videoWidth;
+    const sourceHeight = videoElement.videoHeight;
+
+    const containerWidth = videoContainer.offsetWidth;
+    const containerHeight = videoContainer.offsetHeight;
+
+    const sourceAspect = sourceWidth / sourceHeight;
+    const screenAspect = containerWidth / containerHeight;
+
+    let fovV = hardwareVerticalFov;
+    let fovH = convertFov(fovV, sourceAspect);
+
+    if (screenAspect < sourceAspect) {
+        fovH = convertFov(fovV, screenAspect);
+    } else {
+        fovV = convertFov(fovH, 1 / screenAspect);
+    }
+
+    return {
+        vertical: fovV,
+        horizontal: fovH
+    };
+}
+
+/**
+ * @param {HTMLCanvasElement} canvas
+ * @param {string} type
+ * @param {any} quality
+ * @returns {string}
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
+ */
+function canvasToBase64(canvas, type = 'image/png', quality = null) {
+    return canvas
+        .toDataURL(type, quality)
+        .substring(('data:' + type + ';base64,').length);
+}
+
+/**
+ * Creates a pinhole camera from dimensions and a field of view
+ * Distortions are not considered
+ *
+ * @param {number} width the camera width
+ * @param {number} height the camera height
+ * @param {number} fovOfWidth the field of view along the width axis in radians
+ * @returns {object} the calibration matrix
+ */
+function createCameraCalibrationFromWidthHeightFov(width, height, fovOfWidth) {
+
+    const fovOfHeight = 2 * Math.atan(height * Math.tan(fovOfWidth / 2) / width);
+
+    const fx = width / (2 * Math.tan(0.5 * fovOfWidth));
+    const fy = height / (2 * Math.tan(0.5 * fovOfHeight));
+    const cx = width / 2;
+    const cy = height / 2;
+
+    return {
+        intrinsic: [fx, 0, cx, 0, fy, cy, 0, 0, 1],
+        distortions: [0, 0, 0, 0, 0]
+    };
+}
+
+/**
+ * @param {HTMLCanvasElement} imageCanvas
+ */
+function convertToGrayscale(imageCanvas) {
+    const ctx = imageCanvas.getContext('2d');
+    const imgData = ctx.getImageData(0, 0, imageCanvas.width, imageCanvas.height);
+    const pixels = imgData.data;
+    for (let i = 0; i < pixels.length; i += 4) {
+
+        const lightness = parseInt((pixels[i] + pixels[i + 1] + pixels[i + 2]) / 3, 10);
+        pixels[i] = lightness;
+        pixels[i + 1] = lightness;
+        pixels[i + 2] = lightness;
+    }
+    ctx.putImageData(imgData, 0, 0);
+}
+
+/**
+ * Reduce image size and keep aspect ratio
+ * @param {HTMLCanvasElement} imageCanvas
+ */
+function reduceImageSize(imageCanvas, maxWidth, maxHeight = null) {
+
+    let newWidth = imageCanvas.width;
+    let newHeight = imageCanvas.height;
+
+    if (maxHeight !== null) {
+        if (newWidth > maxWidth) {
+            newHeight *= maxWidth / newWidth;
+            newWidth = maxWidth;
+        }
+
+        if (newHeight > maxHeight) {
+            newWidth *= maxHeight / newHeight;
+            newHeight = maxHeight;
+        }
+    } else {
+        const aspectRatio = imageCanvas.width / imageCanvas.height;
+        if (imageCanvas.width > imageCanvas.height) {
+            if (imageCanvas.width > maxWidth) {
+                newWidth = maxWidth;
+                newHeight = maxWidth / aspectRatio;
+            }
+        } else if (imageCanvas.height > maxWidth) {
+            newHeight = maxWidth;
+            newWidth = maxWidth * aspectRatio;
+        }
+    }
+
+
+    if (newWidth === imageCanvas.width
+        && newHeight === imageCanvas.height) {
+        return imageCanvas;
+    }
+
+    const newCanvas = document.createElement('canvas');
+    const newContext = newCanvas.getContext('2d');
+
+    newCanvas.width = newWidth;
+    newCanvas.height = newHeight;
+    newContext.drawImage(imageCanvas, 0, 0, newCanvas.width, newCanvas.height);
+
+    return newCanvas;
+}
+
+var CameraUtils = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    convertFov: convertFov,
+    calcDisplayedFov: calcDisplayedFov,
+    canvasToBase64: canvasToBase64,
+    createCameraCalibrationFromWidthHeightFov: createCameraCalibrationFromWidthHeightFov,
+    convertToGrayscale: convertToGrayscale,
+    reduceImageSize: reduceImageSize
+});
+
+// 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.
+// If the component aspect ratio is different from camera aspect ratio,
+//  camera preview is extended then cropped.
+class Camera extends EventEmitter {
+
+    static State = {
+        STOPPED: 'stopped',
+        STARTING: 'starting',
+        STARTED: 'started',
+        STOPPING: 'stopping'
+    }
+
+    static DEFAULT_OPTIONS = {
+        width: 1024,
+        height: 768,
+        resizeOnWindowChange: false
+    };
+
+    static GENERIC_HARDWARE_VERTICAL_FOV = 60;
+
+    videoContainer;
+    videoElement;
+
+    fov = null;
+
+    _state = Camera.State.STOPPED;
+
+    _hardwareVerticalFov = Camera.GENERIC_HARDWARE_VERTICAL_FOV;
+    _resizeOnWindowChange;
+
+    /**
+     * @param {Node} container
+     * @param {{width: number, height: number, resizeOnWindowChange: boolean}} options
+     */
+    constructor(container, options = {}) {
+        super();
+
+        options = Object.assign({}, Camera.DEFAULT_OPTIONS, options);
+
+        SharedCameras$1._add(this, container);
+
+        this.videoContainer = container;
+
+        this._resizeOnWindowChange = options.resizeOnWindowChange;
+        this._userMediaConstraints = {
+            audio: false,
+            video: {
+                facingMode: 'environment',
+                width: { ideal: options.width },
+                height: { ideal: options.height },
+                resizeMode: 'none'
+            }
+        };
+
+        this.videoContainer.style.overflow = 'hidden';
+
+        this.videoElement = document.createElement('video');
+        this.videoElement.setAttribute('id', 'wemap-camera');
+        this.videoElement.setAttribute('preload', 'none');
+        this.videoElement.setAttribute('muted', '');
+        this.videoElement.setAttribute('playsinline', '');
+        this.videoContainer.appendChild(this.videoElement);
+    }
+
+    async start(videoMediaConstraints = null) {
+
+        if (this._state !== Camera.State.STOPPED) {
+            throw new Error('Camera is already started');
+        }
+
+        if (this._state === Camera.State.STOPPING) {
+            await new Promise(resolve => this.once('stopped', resolve));
+        }
+
+        this._state = Camera.State.STARTING;
+        this.emit('starting');
+
+        await Camera.checkAvailability();
+
+        if (videoMediaConstraints) {
+            Object.assign(this._userMediaConstraints.video,
+                this._userMediaConstraints.video, videoMediaConstraints);
+        }
+
+        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();
+        const metadataPr = new Promise(resolve => (this.videoElement.onloadedmetadata = resolve));
+
+        this.videoElement.srcObject = this.videoStream = stream;
+        await metadataPr;
+
+        this._resizeElement();
+        this._computeFov();
+
+        if (this._resizeOnWindowChange) {
+            window.addEventListener('resize', this.notifyContainerSizeChanged);
+        }
+
+        this._state = Camera.State.STARTED;
+        this.emit('started', {
+            videoElement: this.videoElement,
+            stream
+        });
+    }
+
+    async stop() {
+
+        if (this._state === Camera.State.STOPPED) {
+            throw new Error('Camera is already stopped');
+        }
+
+        if (this._state === Camera.State.STARTING) {
+            await new Promise(resolve => this.once('started', resolve));
+        }
+
+        this._state = Camera.State.STOPPING;
+        this.emit('stopping', this);
+
+        if (this.videoStream && this.videoStream.stop) {
+            // compatibility with old JS API
+            this.videoStream.stop();
+        } else if (this.videoStream) {
+            // new JS API
+            this.videoStream.getVideoTracks().forEach(track => track.stop());
+        }
+        this.videoStream = null;
+        this.videoElement.srcObject = null;
+
+        if (this._resizeOnWindowChange) {
+            window.removeEventListener('resize', this.notifyContainerSizeChanged);
+        }
+
+        this._state = Camera.State.STOPPED;
+        this.emit('stopped', this);
+    }
+
+    release() {
+        this.videoContainer.removeChild(this.videoElement);
+        SharedCameras$1._remove(this);
+    }
+
+    static async checkAvailability(testUserMedia = false) {
+
+        if (!navigator.mediaDevices) {
+            throw new Error('navigator.mediaDevices not present in your browser');
+        }
+
+        if (!navigator.mediaDevices.enumerateDevices) {
+            throw new Error('navigator.mediaDevices.enumerateDevices not present in your browser');
+        }
+
+        if (!navigator.mediaDevices.getUserMedia) {
+            throw new Error('navigator.mediaDevices.getUserMedia not present in your browser');
+        }
+
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        if (!devices.find(device => device.kind === 'videoinput')) {
+            throw new Error('No camera found');
+        }
+
+        if (testUserMedia) {
+            const stream = await navigator.mediaDevices.getUserMedia({
+                audio: false, video: { facingMode: 'environment' }
+            });
+            if (stream.stop) {
+                stream.stop();
+            } else {
+                stream.getVideoTracks().forEach(track => track.stop());
+            }
+        }
+    }
+
+    get state() {
+        return this._state;
+    }
+
+    get hardwareVerticalFov() {
+        return this._hardwareVerticalFov;
+    }
+
+    set hardwareVerticalFov(hardwareVerticalFov) {
+        this._hardwareVerticalFov = hardwareVerticalFov;
+        this._computeFov();
+    }
+
+    notifyContainerSizeChanged = () => {
+        this._resizeElement();
+        this._computeFov();
+    }
+
+    _resizeElement = () => {
+
+        if (!this.videoElement) {
+            throw new Error('No video element found');
+        }
+
+        const sourceWidth = this.videoElement.videoWidth;
+        const sourceHeight = this.videoElement.videoHeight;
+
+        const containerWidth = this.videoContainer.offsetWidth;
+        const containerHeight = this.videoContainer.offsetHeight;
+
+        const sourceAspect = sourceWidth / sourceHeight;
+        const screenAspect = containerWidth / containerHeight;
+
+        if (screenAspect < sourceAspect) {
+
+            const newWidth = sourceAspect * containerHeight;
+            this.videoElement.style.width = newWidth + 'px';
+            this.videoElement.style.marginLeft = -(newWidth - containerWidth) / 2 + 'px';
+
+            this.videoElement.style.height = containerHeight + 'px';
+            this.videoElement.style.marginTop = '0px';
+
+        } else {
+
+            const newHeight = 1 / (sourceAspect / containerWidth);
+            this.videoElement.style.height = newHeight + 'px';
+            this.videoElement.style.marginTop = -(newHeight - containerHeight) / 2 + 'px';
+
+            this.videoElement.style.width = containerWidth + 'px';
+            this.videoElement.style.marginLeft = '0px';
+        }
+
+    }
+
+    _computeFov = () => {
+
+        this.fov = calcDisplayedFov(
+            this.videoContainer,
+            this.videoElement,
+            this._hardwareVerticalFov
+        );
+
+        this.emit('fov.changed', this.fov);
+    }
+
+    /**
+     * @returns {Promise<HTMLCanvasElement>}
+     */
+    get currentImage() {
+
+        if (this._state !== Camera.State.STARTED) {
+            Logger.warn('Trying to access image but video is not started');
+            return null;
+        }
+
+        const { videoWidth: width, videoHeight: height } = this.videoElement;
+        const canvas = document.createElement('canvas');
+        const context = canvas.getContext('2d');
+        // context.filter = 'grayscale(100%)';
+
+        canvas.width = width;
+        canvas.height = height;
+
+        context.drawImage(this.videoElement, 0, 0, width, height);
+        return Promise.resolve(canvas);
+    }
+}
+
+/* eslint-disable max-statements */
+
+class QrCodeScanner extends EventEmitter {
+
+    static DEFAULT_FORMATS = [
+        BarcodeFormat.QR_CODE,
+        BarcodeFormat.DATA_MATRIX,
+        BarcodeFormat.CODABAR
+    ];
+
+    /**
+     * @type {Camera}
+     */
+    _camera;
+
+    /**
+     * @type {HTMLVideoElement}
+     */
+    _videoElement;
+
+    /**
+     * @type {HTMLCanvasElement}
+     */
+    _canvas;
+
+    /**
+     * @type {CanvasRenderingContext2D}
+     */
+    _ctx;
+
+    /**
+     * @type {MultiFormatReader}
+     */
+    _codeReader;
+
+    /**
+     * @type {number}
+     */
+    _intervalTime;
+
+    /**
+     * @type {number}
+     */
+    _intervalTick;
+
+    /**
+     * @type {boolean}
+     */
+    _isStarted = false;
+
+
+    /**
+     * @param {Camera} camera
+     */
+    constructor(camera) {
+        super();
+
+        this._camera = camera;
+        this._videoElement = camera.videoElement;
+
+        this._codeReader = new MultiFormatReader();
+
+        this._canvas = document.createElement('canvas');
+        this._ctx = this._canvas.getContext('2d');
+
+        this._camera.on('started', () => this._tryStart());
+        this._camera.on('stopped', () => this._stop());
+    }
+
+    start(intervalTime = 500, formats = QrCodeScanner.DEFAULT_FORMATS) {
+        this._intervalTime = intervalTime;
+
+        if (this._isStarted) {
+            return;
+        }
+        this._isStarted = true;
+
+        const hints = new Map();
+        hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
+        this._codeReader.setHints(hints);
+
+        this._tryStart();
+    }
+
+    stop() {
+        this._isStarted = false;
+        this._stop();
+    }
+
+    _tryStart() {
+
+        if (!this._isStarted || this._camera.state !== Camera.State.STARTED) {
+            return;
+        }
+
+        this._width = this._videoElement.videoWidth;
+        this._height = this._videoElement.videoHeight;
+        this._canvas.width = this._width;
+        this._canvas.height = this._height;
+        this._luminances = new Uint8Array(this._width * this._height);
+
+        this._intervalTick = setInterval(() => this._onFrame(), this._intervalTime);
+    }
+
+    _stop() {
+        clearInterval(this._intervalTick);
+    }
+
+    _onFrame() {
+
+        if (!this._width || !this._height) {
+            return;
+        }
+
+        this._ctx.drawImage(this._videoElement, 0, 0, this._width, this._height);
+        const img = this._ctx.getImageData(0, 0, this._width, this._height);
+
+        for (let i = 0; i < this._luminances.length; i++) {
+            // eslint-disable-next-line no-bitwise
+            this._luminances[i] = ((img.data[i * 4] + img.data[i * 4 + 1] * 2 + img.data[i * 4 + 2]) / 4) & 0xFF;
+        }
+
+        const binaryBitmap = new BinaryBitmap(
+            new HybridBinarizer(
+                new RGBLuminanceSource(this._luminances, this._width, this._height)
+            )
+        );
+
+        try {
+            const result = this._codeReader.decodeWithState(binaryBitmap);
+            this.emit('scan', result.getText());
+        } catch (e) {
+            // do nothing
+        }
+    }
+}
+
+export { Camera, CameraUtils, QrCodeScanner, SharedCameras$1 as SharedCameras };
+//# sourceMappingURL=wemap-camera.es.js.map

package/dist/wemap-camera.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wemap-camera.es.js","sources":["../src/SharedCameras.js","../src/CameraUtils.js","../src/Camera.js","../src/QrCodeScanner.js"],"sourcesContent":["import EventEmitter from 'events';\n\nimport Camera from './Camera.js';\n\nclass SharedCameras extends EventEmitter {\n\n    /**\n     * Singleton pattern.\n     * @returns {SharedCameras}\n     */\n    static get instance() {\n        if (!this._instance) {\n            this._instance = new SharedCameras();\n        }\n        return this._instance;\n    }\n\n    /** @type {{container: Node, camera: Camera}[]} */\n    _list = [];\n\n    /**\n     * @param {Camera} camera\n     * @param {Node}\n     */\n    _add(camera, container) {\n        const obj = {\n            camera,\n            container\n        };\n        this._list.push(obj);\n        this.emit('added', obj);\n    }\n\n    /**\n     * @param {Camera} camera\n     */\n    _remove(camera) {\n        this._list = this._list.filter(({ camera: _camera }) => _camera !== camera);\n        this.emit('removed', { camera });\n    }\n\n    /**\n     * @returns {{container: Node, camera: Camera}[]}\n     */\n    get list() {\n        return this._list;\n    }\n\n    /**\n     * @param {Node} container\n     * @returns {?Camera}\n     */\n    getCameraByContainer(container) {\n        for (const {\n            camera, container: _container\n        } of this._list) {\n            if (container === _container) {\n                return camera;\n            }\n        }\n        return null;\n    }\n}\n\nexport default SharedCameras.instance;\n","/**\n * @param {number} angle\n * @param {number} aspectRatio\n * @returns {number}\n */\nexport function convertFov(angle, aspectRatio) {\n    return 2 * Math.atan(Math.tan((angle / 180 * Math.PI) / 2) * aspectRatio) * 180 / Math.PI;\n}\n\n/**\n * @param {HTMLDivElement} videoContainer\n * @param {HTMLVideoElement} videoElement\n * @param {number} hardwareVerticalFov\n * @returns {object}\n */\nexport function calcDisplayedFov(videoContainer, videoElement, hardwareVerticalFov) {\n\n    const sourceWidth = videoElement.videoWidth;\n    const sourceHeight = videoElement.videoHeight;\n\n    const containerWidth = videoContainer.offsetWidth;\n    const containerHeight = videoContainer.offsetHeight;\n\n    const sourceAspect = sourceWidth / sourceHeight;\n    const screenAspect = containerWidth / containerHeight;\n\n    let fovV = hardwareVerticalFov;\n    let fovH = convertFov(fovV, sourceAspect);\n\n    if (screenAspect < sourceAspect) {\n        fovH = convertFov(fovV, screenAspect);\n    } else {\n        fovV = convertFov(fovH, 1 / screenAspect);\n    }\n\n    return {\n        vertical: fovV,\n        horizontal: fovH\n    };\n}\n\n/**\n * @param {HTMLCanvasElement} canvas\n * @param {string} type\n * @param {any} quality\n * @returns {string}\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL\n */\nexport function canvasToBase64(canvas, type = 'image/png', quality = null) {\n    return canvas\n        .toDataURL(type, quality)\n        .substring(('data:' + type + ';base64,').length);\n}\n\n/**\n * Creates a pinhole camera from dimensions and a field of view\n * Distortions are not considered\n *\n * @param {number} width the camera width\n * @param {number} height the camera height\n * @param {number} fovOfWidth the field of view along the width axis in radians\n * @returns {object} the calibration matrix\n */\nexport function createCameraCalibrationFromWidthHeightFov(width, height, fovOfWidth) {\n\n    const fovOfHeight = 2 * Math.atan(height * Math.tan(fovOfWidth / 2) / width);\n\n    const fx = width / (2 * Math.tan(0.5 * fovOfWidth));\n    const fy = height / (2 * Math.tan(0.5 * fovOfHeight));\n    const cx = width / 2;\n    const cy = height / 2;\n\n    return {\n        intrinsic: [fx, 0, cx, 0, fy, cy, 0, 0, 1],\n        distortions: [0, 0, 0, 0, 0]\n    };\n}\n\n/**\n * @param {HTMLCanvasElement} imageCanvas\n */\nexport function convertToGrayscale(imageCanvas) {\n    const ctx = imageCanvas.getContext('2d');\n    const imgData = ctx.getImageData(0, 0, imageCanvas.width, imageCanvas.height);\n    const pixels = imgData.data;\n    for (let i = 0; i < pixels.length; i += 4) {\n\n        const lightness = parseInt((pixels[i] + pixels[i + 1] + pixels[i + 2]) / 3, 10);\n        pixels[i] = lightness;\n        pixels[i + 1] = lightness;\n        pixels[i + 2] = lightness;\n    }\n    ctx.putImageData(imgData, 0, 0);\n}\n\n/**\n * Reduce image size and keep aspect ratio\n * @param {HTMLCanvasElement} imageCanvas\n */\nexport function reduceImageSize(imageCanvas, maxWidth, maxHeight = null) {\n\n    let newWidth = imageCanvas.width;\n    let newHeight = imageCanvas.height;\n\n    if (maxHeight !== null) {\n        if (newWidth > maxWidth) {\n            newHeight *= maxWidth / newWidth;\n            newWidth = maxWidth;\n        }\n\n        if (newHeight > maxHeight) {\n            newWidth *= maxHeight / newHeight;\n            newHeight = maxHeight;\n        }\n    } else {\n        const aspectRatio = imageCanvas.width / imageCanvas.height;\n        if (imageCanvas.width > imageCanvas.height) {\n            if (imageCanvas.width > maxWidth) {\n                newWidth = maxWidth;\n                newHeight = maxWidth / aspectRatio;\n            }\n        } else if (imageCanvas.height > maxWidth) {\n            newHeight = maxWidth;\n            newWidth = maxWidth * aspectRatio;\n        }\n    }\n\n\n    if (newWidth === imageCanvas.width\n        && newHeight === imageCanvas.height) {\n        return imageCanvas;\n    }\n\n    const newCanvas = document.createElement('canvas');\n    const newContext = newCanvas.getContext('2d');\n\n    newCanvas.width = newWidth;\n    newCanvas.height = newHeight;\n    newContext.drawImage(imageCanvas, 0, 0, newCanvas.width, newCanvas.height);\n\n    return newCanvas;\n}\n\n","import EventEmitter from 'events';\n\nimport Logger from '@wemap/logger';\nimport SharedCameras from './SharedCameras.js';\nimport { calcDisplayedFov } from './CameraUtils.js';\n\n// Helped from https://github.com/jeromeetienne/AR.js/blob/master/three.js/src/threex/threex-artoolkitsource.js\n\n// Camera preview will fill component bounds without transformations.\n// If the component aspect ratio is different from camera aspect ratio,\n//  camera preview is extended then cropped.\nclass Camera extends EventEmitter {\n\n    static State = {\n        STOPPED: 'stopped',\n        STARTING: 'starting',\n        STARTED: 'started',\n        STOPPING: 'stopping'\n    }\n\n    static DEFAULT_OPTIONS = {\n        width: 1024,\n        height: 768,\n        resizeOnWindowChange: false\n    };\n\n    static GENERIC_HARDWARE_VERTICAL_FOV = 60;\n\n    videoContainer;\n    videoElement;\n\n    fov = null;\n\n    _state = Camera.State.STOPPED;\n\n    _hardwareVerticalFov = Camera.GENERIC_HARDWARE_VERTICAL_FOV;\n    _resizeOnWindowChange;\n\n    /**\n     * @param {Node} container\n     * @param {{width: number, height: number, resizeOnWindowChange: boolean}} options\n     */\n    constructor(container, options = {}) {\n        super();\n\n        options = Object.assign({}, Camera.DEFAULT_OPTIONS, options);\n\n        SharedCameras._add(this, container);\n\n        this.videoContainer = container;\n\n        this._resizeOnWindowChange = options.resizeOnWindowChange;\n        this._userMediaConstraints = {\n            audio: false,\n            video: {\n                facingMode: 'environment',\n                width: { ideal: options.width },\n                height: { ideal: options.height },\n                resizeMode: 'none'\n            }\n        };\n\n        this.videoContainer.style.overflow = 'hidden';\n\n        this.videoElement = document.createElement('video');\n        this.videoElement.setAttribute('id', 'wemap-camera');\n        this.videoElement.setAttribute('preload', 'none');\n        this.videoElement.setAttribute('muted', '');\n        this.videoElement.setAttribute('playsinline', '');\n        this.videoContainer.appendChild(this.videoElement);\n    }\n\n    async start(videoMediaConstraints = null) {\n\n        if (this._state !== Camera.State.STOPPED) {\n            throw new Error('Camera is already started');\n        }\n\n        if (this._state === Camera.State.STOPPING) {\n            await new Promise(resolve => this.once('stopped', resolve));\n        }\n\n        this._state = Camera.State.STARTING;\n        this.emit('starting');\n\n        await Camera.checkAvailability();\n\n        if (videoMediaConstraints) {\n            Object.assign(this._userMediaConstraints.video,\n                this._userMediaConstraints.video, videoMediaConstraints);\n        }\n\n        const stream = await navigator.mediaDevices.getUserMedia(this._userMediaConstraints);\n\n        // Listeners have to be set before srcObject assigment or they can be never called\n        this.videoElement.oncanplaythrough = () => this.videoElement.play();\n        const metadataPr = new Promise(resolve => (this.videoElement.onloadedmetadata = resolve));\n\n        this.videoElement.srcObject = this.videoStream = stream;\n        await metadataPr;\n\n        this._resizeElement();\n        this._computeFov();\n\n        if (this._resizeOnWindowChange) {\n            window.addEventListener('resize', this.notifyContainerSizeChanged);\n        }\n\n        this._state = Camera.State.STARTED;\n        this.emit('started', {\n            videoElement: this.videoElement,\n            stream\n        });\n    }\n\n    async stop() {\n\n        if (this._state === Camera.State.STOPPED) {\n            throw new Error('Camera is already stopped');\n        }\n\n        if (this._state === Camera.State.STARTING) {\n            await new Promise(resolve => this.once('started', resolve));\n        }\n\n        this._state = Camera.State.STOPPING;\n        this.emit('stopping', this);\n\n        if (this.videoStream && this.videoStream.stop) {\n            // compatibility with old JS API\n            this.videoStream.stop();\n        } else if (this.videoStream) {\n            // new JS API\n            this.videoStream.getVideoTracks().forEach(track => track.stop());\n        }\n        this.videoStream = null;\n        this.videoElement.srcObject = null;\n\n        if (this._resizeOnWindowChange) {\n            window.removeEventListener('resize', this.notifyContainerSizeChanged);\n        }\n\n        this._state = Camera.State.STOPPED;\n        this.emit('stopped', this);\n    }\n\n    release() {\n        this.videoContainer.removeChild(this.videoElement);\n        SharedCameras._remove(this);\n    }\n\n    static async checkAvailability(testUserMedia = false) {\n\n        if (!navigator.mediaDevices) {\n            throw new Error('navigator.mediaDevices not present in your browser');\n        }\n\n        if (!navigator.mediaDevices.enumerateDevices) {\n            throw new Error('navigator.mediaDevices.enumerateDevices not present in your browser');\n        }\n\n        if (!navigator.mediaDevices.getUserMedia) {\n            throw new Error('navigator.mediaDevices.getUserMedia not present in your browser');\n        }\n\n        const devices = await navigator.mediaDevices.enumerateDevices();\n        if (!devices.find(device => device.kind === 'videoinput')) {\n            throw new Error('No camera found');\n        }\n\n        if (testUserMedia) {\n            const stream = await navigator.mediaDevices.getUserMedia({\n                audio: false, video: { facingMode: 'environment' }\n            });\n            if (stream.stop) {\n                stream.stop();\n            } else {\n                stream.getVideoTracks().forEach(track => track.stop());\n            }\n        }\n    }\n\n    get state() {\n        return this._state;\n    }\n\n    get hardwareVerticalFov() {\n        return this._hardwareVerticalFov;\n    }\n\n    set hardwareVerticalFov(hardwareVerticalFov) {\n        this._hardwareVerticalFov = hardwareVerticalFov;\n        this._computeFov();\n    }\n\n    notifyContainerSizeChanged = () => {\n        this._resizeElement();\n        this._computeFov();\n    }\n\n    _resizeElement = () => {\n\n        if (!this.videoElement) {\n            throw new Error('No video element found');\n        }\n\n        const sourceWidth = this.videoElement.videoWidth;\n        const sourceHeight = this.videoElement.videoHeight;\n\n        const containerWidth = this.videoContainer.offsetWidth;\n        const containerHeight = this.videoContainer.offsetHeight;\n\n        const sourceAspect = sourceWidth / sourceHeight;\n        const screenAspect = containerWidth / containerHeight;\n\n        if (screenAspect < sourceAspect) {\n\n            const newWidth = sourceAspect * containerHeight;\n            this.videoElement.style.width = newWidth + 'px';\n            this.videoElement.style.marginLeft = -(newWidth - containerWidth) / 2 + 'px';\n\n            this.videoElement.style.height = containerHeight + 'px';\n            this.videoElement.style.marginTop = '0px';\n\n        } else {\n\n            const newHeight = 1 / (sourceAspect / containerWidth);\n            this.videoElement.style.height = newHeight + 'px';\n            this.videoElement.style.marginTop = -(newHeight - containerHeight) / 2 + 'px';\n\n            this.videoElement.style.width = containerWidth + 'px';\n            this.videoElement.style.marginLeft = '0px';\n        }\n\n    }\n\n    _computeFov = () => {\n\n        this.fov = calcDisplayedFov(\n            this.videoContainer,\n            this.videoElement,\n            this._hardwareVerticalFov\n        );\n\n        this.emit('fov.changed', this.fov);\n    }\n\n    /**\n     * @returns {Promise<HTMLCanvasElement>}\n     */\n    get currentImage() {\n\n        if (this._state !== Camera.State.STARTED) {\n            Logger.warn('Trying to access image but video is not started');\n            return null;\n        }\n\n        const { videoWidth: width, videoHeight: height } = this.videoElement;\n        const canvas = document.createElement('canvas');\n        const context = canvas.getContext('2d');\n        // context.filter = 'grayscale(100%)';\n\n        canvas.width = width;\n        canvas.height = height;\n\n        context.drawImage(this.videoElement, 0, 0, width, height);\n        return Promise.resolve(canvas);\n    }\n}\n\nexport default Camera;\n","/* eslint-disable max-statements */\nimport EventEmitter from 'events';\nimport {\n    MultiFormatReader,\n    BarcodeFormat,\n    DecodeHintType,\n    RGBLuminanceSource,\n    BinaryBitmap,\n    HybridBinarizer\n} from '@zxing/library';\n\nimport Camera from './Camera.js';\n\nclass QrCodeScanner extends EventEmitter {\n\n    static DEFAULT_FORMATS = [\n        BarcodeFormat.QR_CODE,\n        BarcodeFormat.DATA_MATRIX,\n        BarcodeFormat.CODABAR\n    ];\n\n    /**\n     * @type {Camera}\n     */\n    _camera;\n\n    /**\n     * @type {HTMLVideoElement}\n     */\n    _videoElement;\n\n    /**\n     * @type {HTMLCanvasElement}\n     */\n    _canvas;\n\n    /**\n     * @type {CanvasRenderingContext2D}\n     */\n    _ctx;\n\n    /**\n     * @type {MultiFormatReader}\n     */\n    _codeReader;\n\n    /**\n     * @type {number}\n     */\n    _intervalTime;\n\n    /**\n     * @type {number}\n     */\n    _intervalTick;\n\n    /**\n     * @type {boolean}\n     */\n    _isStarted = false;\n\n\n    /**\n     * @param {Camera} camera\n     */\n    constructor(camera) {\n        super();\n\n        this._camera = camera;\n        this._videoElement = camera.videoElement;\n\n        this._codeReader = new MultiFormatReader();\n\n        this._canvas = document.createElement('canvas');\n        this._ctx = this._canvas.getContext('2d');\n\n        this._camera.on('started', () => this._tryStart());\n        this._camera.on('stopped', () => this._stop());\n    }\n\n    start(intervalTime = 500, formats = QrCodeScanner.DEFAULT_FORMATS) {\n        this._intervalTime = intervalTime;\n\n        if (this._isStarted) {\n            return;\n        }\n        this._isStarted = true;\n\n        const hints = new Map();\n        hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);\n        this._codeReader.setHints(hints);\n\n        this._tryStart();\n    }\n\n    stop() {\n        this._isStarted = false;\n        this._stop();\n    }\n\n    _tryStart() {\n\n        if (!this._isStarted || this._camera.state !== Camera.State.STARTED) {\n            return;\n        }\n\n        this._width = this._videoElement.videoWidth;\n        this._height = this._videoElement.videoHeight;\n        this._canvas.width = this._width;\n        this._canvas.height = this._height;\n        this._luminances = new Uint8Array(this._width * this._height);\n\n        this._intervalTick = setInterval(() => this._onFrame(), this._intervalTime);\n    }\n\n    _stop() {\n        clearInterval(this._intervalTick);\n    }\n\n    _onFrame() {\n\n        if (!this._width || !this._height) {\n            return;\n        }\n\n        this._ctx.drawImage(this._videoElement, 0, 0, this._width, this._height);\n        const img = this._ctx.getImageData(0, 0, this._width, this._height);\n\n        for (let i = 0; i < this._luminances.length; i++) {\n            // eslint-disable-next-line no-bitwise\n            this._luminances[i] = ((img.data[i * 4] + img.data[i * 4 + 1] * 2 + img.data[i * 4 + 2]) / 4) & 0xFF;\n        }\n\n        const binaryBitmap = new BinaryBitmap(\n            new HybridBinarizer(\n                new RGBLuminanceSource(this._luminances, this._width, this._height)\n            )\n        );\n\n        try {\n            const result = this._codeReader.decodeWithState(binaryBitmap);\n            this.emit('scan', result.getText());\n        } catch (e) {\n            // do nothing\n        }\n    }\n}\n\nexport default QrCodeScanner;\n"],"names":["SharedCameras"],"mappings":"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"}

package/index.d.ts

@@ -19,12 +19,14 @@ declare module '@wemap/camera' {
         ): { vertical: number, horizontal: number };
         static createCameraCalibrationFromWidthHeightFov(width: number, height: number, fovOfWidth: number): Calibration;
         static canvasToBase64(canvas: HTMLCanvasElement, type?: string, quality?: any): string;
+        static base64ToCanvas(base64: string, type?: string): HTMLCanvasElement;
         static convertToGrayscale(imageCanvas: HTMLCanvasElement): void;
         static reduceImageSize(
             imageCanvas: HTMLCanvasElement,
             maxWidth: number,
             maxHeight?: number
         ): HTMLCanvasElement;
+        static htmlImageToCanvas(image: HTMLImageElement): HTMLCanvasElement;
     }
 
     export type CameraOptions = {

package/package.json

@@ -12,7 +12,7 @@
         "directory": "packages/camera"
     },
     "name": "@wemap/camera",
-    "version": "9.2.0",
+    "version": "10.0.0-alpha.10",
     "bugs": {
         "url": "https://github.com/wemap/wemap-modules-js/issues"
     },
@@ -24,7 +24,7 @@
     ],
     "license": "ISC",
     "dependencies": {
-        "@wemap/logger": "^9.2.0",
+        "@wemap/logger": "^10.0.0-alpha.8",
         "@zxing/library": "^0.18.4",
         "events": "^3.3.0"
     },
@@ -32,5 +32,5 @@
         "@types/events": "^3.0.0"
     },
     "type": "module",
-    "gitHead": "9eee407fadd76fc5cbfbeeb13be0d74391ca5d9e"
+    "gitHead": "5970289ef2b1f06f9df382878f72bf48f57c4c00"
 }

package/src/Camera.js

@@ -239,6 +239,10 @@ class Camera extends EventEmitter {
 
     _computeFov = () => {
 
+        if ([Camera.State.STOPPING, Camera.State.STOPPED].includes(this.state)) {
+            return;
+        }
+
         this.fov = calcDisplayedFov(
             this.videoContainer,
             this.videoElement,

package/src/CameraUtils.js

@@ -11,13 +11,17 @@ export function convertFov(angle, aspectRatio) {
  * @param {HTMLDivElement} videoContainer
  * @param {HTMLVideoElement} videoElement
  * @param {number} hardwareVerticalFov
- * @returns {object}
+ * @returns {object|null}
  */
 export function calcDisplayedFov(videoContainer, videoElement, hardwareVerticalFov) {
 
     const sourceWidth = videoElement.videoWidth;
     const sourceHeight = videoElement.videoHeight;
 
+    if (!sourceWidth || !sourceHeight) {
+        return null;
+    }
+
     const containerWidth = videoContainer.offsetWidth;
     const containerHeight = videoContainer.offsetHeight;
 
@@ -52,6 +56,23 @@ export function canvasToBase64(canvas, type = 'image/png', quality = null) {
         .substring(('data:' + type + ';base64,').length);
 }
 
+/**
+ * @param {string} base64
+ * @returns {HTMLCanvasElement}
+ */
+export function base64ToCanvas(base64, type = 'image/png') {
+    if (type !== 'image/png') {
+        throw new Error('Only image/png is supported');
+    }
+    const canvas = document.createElement('canvas');
+    const image = new Image();
+    image.src = 'data:image/png;base64,' + base64;
+    canvas.width = image.width;
+    canvas.height = image.height;
+    canvas.getContext('2d').drawImage(image, 0, 0);
+    return canvas;
+}
+
 /**
  * Creates a pinhole camera from dimensions and a field of view
  * Distortions are not considered
@@ -141,3 +162,16 @@ export function reduceImageSize(imageCanvas, maxWidth, maxHeight = null) {
     return newCanvas;
 }
 
+/**
+ * @param {HTMLImageElement} image
+ * @returns {HTMLCanvasElement}
+ */
+export function htmlImageToCanvas(image) {
+    const canvas = document.createElement('canvas');
+    canvas.width = image.width;
+    canvas.height = image.height;
+    const context = canvas.getContext('2d');
+    context.scale(canvas.width / image.width, canvas.height / image.height);
+    context.drawImage(image, 0, 0);
+    return canvas;
+}