@epicgames-ps/lib-pixelstreamingfrontend-ue5.5 0.3.0 → 0.3.1

package/dist/commonjs/Inputs/MouseControllerLocked.js

@@ -1,154 +1,154 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MouseControllerLocked = void 0;
-const lib_pixelstreamingcommon_ue5_5_1 = require("@epicgames-ps/lib-pixelstreamingcommon-ue5.5");
-const MouseController_1 = require("./MouseController");
-/**
- * A mouse controller that locks the mouse to the video document and prevents it from leaving the window
- */
-class MouseControllerLocked extends MouseController_1.MouseController {
-    constructor(streamMessageController, videoPlayer, coordinateConverter, activeKeys) {
-        super(streamMessageController, videoPlayer, coordinateConverter, activeKeys);
-        this.videoElementParent = videoPlayer.getVideoParentElement();
-        this.x = this.videoElementParent.getBoundingClientRect().width / 2;
-        this.y = this.videoElementParent.getBoundingClientRect().height / 2;
-        this.normalizedCoord = this.coordinateConverter.translateUnsigned(this.x, this.y);
-        this.onRequestLockListener = this.onRequestLock.bind(this);
-        this.onLockStateChangeListener = this.onLockStateChange.bind(this);
-        this.onMouseUpListener = this.onMouseUp.bind(this);
-        this.onMouseDownListener = this.onMouseDown.bind(this);
-        this.onMouseDblClickListener = this.onMouseDblClick.bind(this);
-        this.onMouseWheelListener = this.onMouseWheel.bind(this);
-        this.onMouseMoveListener = this.onMouseMove.bind(this);
-    }
-    register() {
-        super.register();
-        this.videoElementParent.requestPointerLock =
-            this.videoElementParent.requestPointerLock || this.videoElementParent.mozRequestPointerLock;
-        document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock;
-        if (this.videoElementParent.requestPointerLock) {
-            this.videoElementParent.addEventListener('click', this.onRequestLockListener);
-        }
-        document.addEventListener('pointerlockchange', this.onLockStateChangeListener);
-        document.addEventListener('mozpointerlockchange', this.onLockStateChangeListener);
-        this.videoElementParent.addEventListener('mousedown', this.onMouseDownListener);
-        this.videoElementParent.addEventListener('mouseup', this.onMouseUpListener);
-        this.videoElementParent.addEventListener('wheel', this.onMouseWheelListener);
-        this.videoElementParent.addEventListener('dblclick', this.onMouseDblClickListener);
-    }
-    unregister() {
-        const pointerLockElement = document.pointerLockElement || document.mozPointerLockElement;
-        if (document.exitPointerLock && pointerLockElement === this.videoElementParent) {
-            document.exitPointerLock();
-        }
-        this.videoElementParent.removeEventListener('click', this.onRequestLockListener);
-        document.removeEventListener('pointerlockchange', this.onLockStateChangeListener);
-        document.removeEventListener('mozpointerlockchange', this.onLockStateChangeListener);
-        document.removeEventListener('mousemove', this.onMouseMoveListener);
-        this.videoElementParent.removeEventListener('mousedown', this.onMouseDownListener);
-        this.videoElementParent.removeEventListener('mouseup', this.onMouseUpListener);
-        this.videoElementParent.removeEventListener('wheel', this.onMouseWheelListener);
-        this.videoElementParent.removeEventListener('dblclick', this.onMouseDblClickListener);
-        super.unregister();
-    }
-    onRequestLock() {
-        this.videoElementParent.requestPointerLock();
-    }
-    onLockStateChange() {
-        const pointerLockElement = document.pointerLockElement || document.mozPointerLockElement;
-        if (pointerLockElement === this.videoElementParent) {
-            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('Pointer locked');
-            document.addEventListener('mousemove', this.onMouseMoveListener);
-        }
-        else {
-            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('The pointer lock status is now unlocked');
-            document.removeEventListener('mousemove', this.onMouseMoveListener);
-            // If mouse loses focus, send a key up for all of the currently held-down keys
-            // This is necessary as when the mouse loses focus, the windows stops listening for events and as such
-            // the keyup listener won't get fired
-            const activeKeys = this.activeKeys.getActiveKeys();
-            activeKeys.forEach((key) => {
-                this.streamMessageController.toStreamerHandlers.get('KeyUp')([key]);
-            });
-        }
-    }
-    onMouseDown(event) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.streamMessageController.toStreamerHandlers.get('MouseDown')([
-            event.button,
-            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
-            // uses the system cursor location which hasn't moved
-            this.normalizedCoord.x,
-            this.normalizedCoord.y
-        ]);
-    }
-    onMouseUp(event) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.streamMessageController.toStreamerHandlers.get('MouseUp')([
-            event.button,
-            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
-            // uses the system cursor location which hasn't moved
-            this.normalizedCoord.x,
-            this.normalizedCoord.y
-        ]);
-    }
-    onMouseMove(event) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        const styleWidth = this.videoPlayer.getVideoParentElement().clientWidth;
-        const styleHeight = this.videoPlayer.getVideoParentElement().clientHeight;
-        this.x += event.movementX;
-        this.y += event.movementY;
-        while (this.x > styleWidth) {
-            this.x -= styleWidth;
-        }
-        while (this.y > styleHeight) {
-            this.y -= styleHeight;
-        }
-        while (this.x < 0) {
-            this.x += styleWidth;
-        }
-        while (this.y < 0) {
-            this.y += styleHeight;
-        }
-        this.normalizedCoord = this.coordinateConverter.translateUnsigned(this.x, this.y);
-        const delta = this.coordinateConverter.translateSigned(event.movementX, event.movementY);
-        this.streamMessageController.toStreamerHandlers.get('MouseMove')([
-            this.normalizedCoord.x,
-            this.normalizedCoord.y,
-            delta.x,
-            delta.y
-        ]);
-    }
-    onMouseWheel(event) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.streamMessageController.toStreamerHandlers.get('MouseWheel')([
-            event.wheelDelta,
-            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
-            // uses the system cursor location which hasn't moved
-            this.normalizedCoord.x,
-            this.normalizedCoord.y
-        ]);
-    }
-    onMouseDblClick(event) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.streamMessageController.toStreamerHandlers.get('MouseDouble')([
-            event.button,
-            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
-            // uses the system cursor location which hasn't moved
-            this.normalizedCoord.x,
-            this.normalizedCoord.y
-        ]);
-    }
-}
-exports.MouseControllerLocked = MouseControllerLocked;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouseControllerLocked = void 0;
+const lib_pixelstreamingcommon_ue5_5_1 = require("@epicgames-ps/lib-pixelstreamingcommon-ue5.5");
+const MouseController_1 = require("./MouseController");
+/**
+ * A mouse controller that locks the mouse to the video document and prevents it from leaving the window
+ */
+class MouseControllerLocked extends MouseController_1.MouseController {
+    constructor(streamMessageController, videoPlayer, coordinateConverter, activeKeys) {
+        super(streamMessageController, videoPlayer, coordinateConverter, activeKeys);
+        this.videoElementParent = videoPlayer.getVideoParentElement();
+        this.x = this.videoElementParent.getBoundingClientRect().width / 2;
+        this.y = this.videoElementParent.getBoundingClientRect().height / 2;
+        this.normalizedCoord = this.coordinateConverter.translateUnsigned(this.x, this.y);
+        this.onRequestLockListener = this.onRequestLock.bind(this);
+        this.onLockStateChangeListener = this.onLockStateChange.bind(this);
+        this.onMouseUpListener = this.onMouseUp.bind(this);
+        this.onMouseDownListener = this.onMouseDown.bind(this);
+        this.onMouseDblClickListener = this.onMouseDblClick.bind(this);
+        this.onMouseWheelListener = this.onMouseWheel.bind(this);
+        this.onMouseMoveListener = this.onMouseMove.bind(this);
+    }
+    register() {
+        super.register();
+        this.videoElementParent.requestPointerLock =
+            this.videoElementParent.requestPointerLock || this.videoElementParent.mozRequestPointerLock;
+        document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock;
+        if (this.videoElementParent.requestPointerLock) {
+            this.videoElementParent.addEventListener('click', this.onRequestLockListener);
+        }
+        document.addEventListener('pointerlockchange', this.onLockStateChangeListener);
+        document.addEventListener('mozpointerlockchange', this.onLockStateChangeListener);
+        this.videoElementParent.addEventListener('mousedown', this.onMouseDownListener);
+        this.videoElementParent.addEventListener('mouseup', this.onMouseUpListener);
+        this.videoElementParent.addEventListener('wheel', this.onMouseWheelListener);
+        this.videoElementParent.addEventListener('dblclick', this.onMouseDblClickListener);
+    }
+    unregister() {
+        const pointerLockElement = document.pointerLockElement || document.mozPointerLockElement;
+        if (document.exitPointerLock && pointerLockElement === this.videoElementParent) {
+            document.exitPointerLock();
+        }
+        this.videoElementParent.removeEventListener('click', this.onRequestLockListener);
+        document.removeEventListener('pointerlockchange', this.onLockStateChangeListener);
+        document.removeEventListener('mozpointerlockchange', this.onLockStateChangeListener);
+        document.removeEventListener('mousemove', this.onMouseMoveListener);
+        this.videoElementParent.removeEventListener('mousedown', this.onMouseDownListener);
+        this.videoElementParent.removeEventListener('mouseup', this.onMouseUpListener);
+        this.videoElementParent.removeEventListener('wheel', this.onMouseWheelListener);
+        this.videoElementParent.removeEventListener('dblclick', this.onMouseDblClickListener);
+        super.unregister();
+    }
+    onRequestLock() {
+        this.videoElementParent.requestPointerLock();
+    }
+    onLockStateChange() {
+        const pointerLockElement = document.pointerLockElement || document.mozPointerLockElement;
+        if (pointerLockElement === this.videoElementParent) {
+            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('Pointer locked');
+            document.addEventListener('mousemove', this.onMouseMoveListener);
+        }
+        else {
+            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('The pointer lock status is now unlocked');
+            document.removeEventListener('mousemove', this.onMouseMoveListener);
+            // If mouse loses focus, send a key up for all of the currently held-down keys
+            // This is necessary as when the mouse loses focus, the windows stops listening for events and as such
+            // the keyup listener won't get fired
+            const activeKeys = this.activeKeys.getActiveKeys();
+            activeKeys.forEach((key) => {
+                this.streamMessageController.toStreamerHandlers.get('KeyUp')([key]);
+            });
+        }
+    }
+    onMouseDown(event) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.streamMessageController.toStreamerHandlers.get('MouseDown')([
+            event.button,
+            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
+            // uses the system cursor location which hasn't moved
+            this.normalizedCoord.x,
+            this.normalizedCoord.y
+        ]);
+    }
+    onMouseUp(event) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.streamMessageController.toStreamerHandlers.get('MouseUp')([
+            event.button,
+            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
+            // uses the system cursor location which hasn't moved
+            this.normalizedCoord.x,
+            this.normalizedCoord.y
+        ]);
+    }
+    onMouseMove(event) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        const styleWidth = this.videoPlayer.getVideoParentElement().clientWidth;
+        const styleHeight = this.videoPlayer.getVideoParentElement().clientHeight;
+        this.x += event.movementX;
+        this.y += event.movementY;
+        while (this.x > styleWidth) {
+            this.x -= styleWidth;
+        }
+        while (this.y > styleHeight) {
+            this.y -= styleHeight;
+        }
+        while (this.x < 0) {
+            this.x += styleWidth;
+        }
+        while (this.y < 0) {
+            this.y += styleHeight;
+        }
+        this.normalizedCoord = this.coordinateConverter.translateUnsigned(this.x, this.y);
+        const delta = this.coordinateConverter.translateSigned(event.movementX, event.movementY);
+        this.streamMessageController.toStreamerHandlers.get('MouseMove')([
+            this.normalizedCoord.x,
+            this.normalizedCoord.y,
+            delta.x,
+            delta.y
+        ]);
+    }
+    onMouseWheel(event) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.streamMessageController.toStreamerHandlers.get('MouseWheel')([
+            event.wheelDelta,
+            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
+            // uses the system cursor location which hasn't moved
+            this.normalizedCoord.x,
+            this.normalizedCoord.y
+        ]);
+    }
+    onMouseDblClick(event) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.streamMessageController.toStreamerHandlers.get('MouseDouble')([
+            event.button,
+            // We use the store value of this.coord as opposed to the mouseEvent.x/y as the mouseEvent location
+            // uses the system cursor location which hasn't moved
+            this.normalizedCoord.x,
+            this.normalizedCoord.y
+        ]);
+    }
+}
+exports.MouseControllerLocked = MouseControllerLocked;
 //# sourceMappingURL=MouseControllerLocked.js.map

package/dist/commonjs/Inputs/SpecialKeyCodes.js

@@ -1,20 +1,20 @@
-"use strict";
-// Copyright Epic Games, Inc. All Rights Reserved.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpecialKeyCodes = void 0;
-/**
- * Registers the Special Key codes
- *  Must be kept in sync with JavaScriptKeyCodeToFKey C++ array.
- * The index of the entry in the array is the special key code given below.
- */
-class SpecialKeyCodes {
-}
-exports.SpecialKeyCodes = SpecialKeyCodes;
-SpecialKeyCodes.backSpace = 8;
-SpecialKeyCodes.shift = 16;
-SpecialKeyCodes.control = 17;
-SpecialKeyCodes.alt = 18;
-SpecialKeyCodes.rightShift = 253;
-SpecialKeyCodes.rightControl = 254;
-SpecialKeyCodes.rightAlt = 255;
+"use strict";
+// Copyright Epic Games, Inc. All Rights Reserved.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpecialKeyCodes = void 0;
+/**
+ * Registers the Special Key codes
+ *  Must be kept in sync with JavaScriptKeyCodeToFKey C++ array.
+ * The index of the entry in the array is the special key code given below.
+ */
+class SpecialKeyCodes {
+}
+exports.SpecialKeyCodes = SpecialKeyCodes;
+SpecialKeyCodes.backSpace = 8;
+SpecialKeyCodes.shift = 16;
+SpecialKeyCodes.control = 17;
+SpecialKeyCodes.alt = 18;
+SpecialKeyCodes.rightShift = 253;
+SpecialKeyCodes.rightControl = 254;
+SpecialKeyCodes.rightAlt = 255;
 //# sourceMappingURL=SpecialKeyCodes.js.map

package/dist/commonjs/Inputs/TouchController.js

@@ -1,124 +1,124 @@
-"use strict";
-// Copyright Epic Games, Inc. All Rights Reserved.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TouchController = void 0;
-const lib_pixelstreamingcommon_ue5_5_1 = require("@epicgames-ps/lib-pixelstreamingcommon-ue5.5");
-/**
- * The basic touch controller that handles the touch events on the document.
- */
-class TouchController {
-    constructor(streamMessageController, videoPlayer, coordinateConverter) {
-        this.fingers = [9, 8, 7, 6, 5, 4, 3, 2, 1, 0];
-        this.fingerIds = new Map();
-        this.maxByteValue = 255;
-        this.streamMessageController = streamMessageController;
-        this.videoPlayer = videoPlayer;
-        this.coordinateConverter = coordinateConverter;
-        this.videoElementParent = videoPlayer.getVideoElement();
-        this.onTouchStartListener = this.onTouchStart.bind(this);
-        this.onTouchEndListener = this.onTouchEnd.bind(this);
-        this.onTouchMoveListener = this.onTouchMove.bind(this);
-    }
-    register() {
-        this.videoElementParent.addEventListener('touchstart', this.onTouchStartListener);
-        this.videoElementParent.addEventListener('touchend', this.onTouchEndListener);
-        this.videoElementParent.addEventListener('touchmove', this.onTouchMoveListener);
-    }
-    unregister() {
-        this.videoElementParent.addEventListener('touchstart', this.onTouchStartListener);
-        this.videoElementParent.addEventListener('touchend', this.onTouchEndListener);
-        this.videoElementParent.addEventListener('touchmove', this.onTouchMoveListener);
-    }
-    rememberTouch(touch) {
-        const finger = this.fingers.pop();
-        if (finger === undefined) {
-            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('exhausted touch identifiers');
-        }
-        this.fingerIds.set(touch.identifier, finger);
-    }
-    forgetTouch(touch) {
-        this.fingers.push(this.fingerIds.get(touch.identifier));
-        // Sort array back into descending order. This means if finger '1' were to lift after finger '0', we would ensure that 0 will be the first index to pop
-        this.fingers.sort(function (a, b) {
-            return b - a;
-        });
-        this.fingerIds.delete(touch.identifier);
-    }
-    onTouchStart(touchEvent) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        for (let t = 0; t < touchEvent.changedTouches.length; t++) {
-            this.rememberTouch(touchEvent.changedTouches[t]);
-        }
-        this.emitTouchData('TouchStart', touchEvent.changedTouches);
-        touchEvent.preventDefault();
-    }
-    onTouchEnd(touchEvent) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.emitTouchData('TouchEnd', touchEvent.changedTouches);
-        // Re-cycle unique identifiers previously assigned to each touch.
-        for (let t = 0; t < touchEvent.changedTouches.length; t++) {
-            this.forgetTouch(touchEvent.changedTouches[t]);
-        }
-        touchEvent.preventDefault();
-    }
-    onTouchMove(touchEvent) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        this.emitTouchData('TouchMove', touchEvent.touches);
-        touchEvent.preventDefault();
-    }
-    emitTouchData(type, touches) {
-        if (!this.videoPlayer.isVideoReady()) {
-            return;
-        }
-        const offset = this.videoPlayer.getVideoParentElement().getBoundingClientRect();
-        const toStreamerHandlers = this.streamMessageController.toStreamerHandlers;
-        for (let t = 0; t < touches.length; t++) {
-            const numTouches = 1; // the number of touches to be sent this message
-            const touch = touches[t];
-            const x = touch.clientX - offset.left;
-            const y = touch.clientY - offset.top;
-            lib_pixelstreamingcommon_ue5_5_1.Logger.Info(`F${this.fingerIds.get(touch.identifier)}=(${x}, ${y})`);
-            const coord = this.coordinateConverter.translateUnsigned(x, y);
-            switch (type) {
-                case 'TouchStart':
-                    toStreamerHandlers.get('TouchStart')([
-                        numTouches,
-                        coord.x,
-                        coord.y,
-                        this.fingerIds.get(touch.identifier),
-                        this.maxByteValue * (touch.force > 0 ? touch.force : 1),
-                        coord.inRange ? 1 : 0
-                    ]);
-                    break;
-                case 'TouchEnd':
-                    toStreamerHandlers.get('TouchEnd')([
-                        numTouches,
-                        coord.x,
-                        coord.y,
-                        this.fingerIds.get(touch.identifier),
-                        this.maxByteValue * touch.force,
-                        coord.inRange ? 1 : 0
-                    ]);
-                    break;
-                case 'TouchMove':
-                    toStreamerHandlers.get('TouchMove')([
-                        numTouches,
-                        coord.x,
-                        coord.y,
-                        this.fingerIds.get(touch.identifier),
-                        this.maxByteValue * (touch.force > 0 ? touch.force : 1),
-                        coord.inRange ? 1 : 0
-                    ]);
-                    break;
-            }
-        }
-    }
-}
-exports.TouchController = TouchController;
+"use strict";
+// Copyright Epic Games, Inc. All Rights Reserved.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchController = void 0;
+const lib_pixelstreamingcommon_ue5_5_1 = require("@epicgames-ps/lib-pixelstreamingcommon-ue5.5");
+/**
+ * The basic touch controller that handles the touch events on the document.
+ */
+class TouchController {
+    constructor(streamMessageController, videoPlayer, coordinateConverter) {
+        this.fingers = [9, 8, 7, 6, 5, 4, 3, 2, 1, 0];
+        this.fingerIds = new Map();
+        this.maxByteValue = 255;
+        this.streamMessageController = streamMessageController;
+        this.videoPlayer = videoPlayer;
+        this.coordinateConverter = coordinateConverter;
+        this.videoElementParent = videoPlayer.getVideoElement();
+        this.onTouchStartListener = this.onTouchStart.bind(this);
+        this.onTouchEndListener = this.onTouchEnd.bind(this);
+        this.onTouchMoveListener = this.onTouchMove.bind(this);
+    }
+    register() {
+        this.videoElementParent.addEventListener('touchstart', this.onTouchStartListener);
+        this.videoElementParent.addEventListener('touchend', this.onTouchEndListener);
+        this.videoElementParent.addEventListener('touchmove', this.onTouchMoveListener);
+    }
+    unregister() {
+        this.videoElementParent.addEventListener('touchstart', this.onTouchStartListener);
+        this.videoElementParent.addEventListener('touchend', this.onTouchEndListener);
+        this.videoElementParent.addEventListener('touchmove', this.onTouchMoveListener);
+    }
+    rememberTouch(touch) {
+        const finger = this.fingers.pop();
+        if (finger === undefined) {
+            lib_pixelstreamingcommon_ue5_5_1.Logger.Info('exhausted touch identifiers');
+        }
+        this.fingerIds.set(touch.identifier, finger);
+    }
+    forgetTouch(touch) {
+        this.fingers.push(this.fingerIds.get(touch.identifier));
+        // Sort array back into descending order. This means if finger '1' were to lift after finger '0', we would ensure that 0 will be the first index to pop
+        this.fingers.sort(function (a, b) {
+            return b - a;
+        });
+        this.fingerIds.delete(touch.identifier);
+    }
+    onTouchStart(touchEvent) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        for (let t = 0; t < touchEvent.changedTouches.length; t++) {
+            this.rememberTouch(touchEvent.changedTouches[t]);
+        }
+        this.emitTouchData('TouchStart', touchEvent.changedTouches);
+        touchEvent.preventDefault();
+    }
+    onTouchEnd(touchEvent) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.emitTouchData('TouchEnd', touchEvent.changedTouches);
+        // Re-cycle unique identifiers previously assigned to each touch.
+        for (let t = 0; t < touchEvent.changedTouches.length; t++) {
+            this.forgetTouch(touchEvent.changedTouches[t]);
+        }
+        touchEvent.preventDefault();
+    }
+    onTouchMove(touchEvent) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        this.emitTouchData('TouchMove', touchEvent.touches);
+        touchEvent.preventDefault();
+    }
+    emitTouchData(type, touches) {
+        if (!this.videoPlayer.isVideoReady()) {
+            return;
+        }
+        const offset = this.videoPlayer.getVideoParentElement().getBoundingClientRect();
+        const toStreamerHandlers = this.streamMessageController.toStreamerHandlers;
+        for (let t = 0; t < touches.length; t++) {
+            const numTouches = 1; // the number of touches to be sent this message
+            const touch = touches[t];
+            const x = touch.clientX - offset.left;
+            const y = touch.clientY - offset.top;
+            lib_pixelstreamingcommon_ue5_5_1.Logger.Info(`F${this.fingerIds.get(touch.identifier)}=(${x}, ${y})`);
+            const coord = this.coordinateConverter.translateUnsigned(x, y);
+            switch (type) {
+                case 'TouchStart':
+                    toStreamerHandlers.get('TouchStart')([
+                        numTouches,
+                        coord.x,
+                        coord.y,
+                        this.fingerIds.get(touch.identifier),
+                        this.maxByteValue * (touch.force > 0 ? touch.force : 1),
+                        coord.inRange ? 1 : 0
+                    ]);
+                    break;
+                case 'TouchEnd':
+                    toStreamerHandlers.get('TouchEnd')([
+                        numTouches,
+                        coord.x,
+                        coord.y,
+                        this.fingerIds.get(touch.identifier),
+                        this.maxByteValue * touch.force,
+                        coord.inRange ? 1 : 0
+                    ]);
+                    break;
+                case 'TouchMove':
+                    toStreamerHandlers.get('TouchMove')([
+                        numTouches,
+                        coord.x,
+                        coord.y,
+                        this.fingerIds.get(touch.identifier),
+                        this.maxByteValue * (touch.force > 0 ? touch.force : 1),
+                        coord.inRange ? 1 : 0
+                    ]);
+                    break;
+            }
+        }
+    }
+}
+exports.TouchController = TouchController;
 //# sourceMappingURL=TouchController.js.map