@yang__yj/pixelstreaming-core 1.0.1 → 1.0.2

package/src/WebRtcPlayer/WebRtcPlayerController.ts

@@ -1,7 +1,6 @@
 // Copyright Epic Games, Inc. All Rights Reserved.
 
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { useRoute, useRouter } from "vue-router";
+import { ElMessage, ElMessageBox } from 'element-plus';
 import { WebSocketController } from '../WebSockets/WebSocketController';
 import { StreamController } from '../VideoPlayer/StreamController';
 import {
@@ -66,7 +65,7 @@ import {
 import {
     DataChannelLatencyTestRequest,
     DataChannelLatencyTestResponse
-} from "../DataChannel/DataChannelLatencyTestResults";
+} from '../DataChannel/DataChannelLatencyTestResults';
 /**
  * Entry point for the WebRTC Player
  */
@@ -138,7 +137,9 @@ export class WebRtcPlayerController {
             this.onAfkTriggered.bind(this)
         );
         this.afkController.onAFKTimedOutCallback = () => {
-            this.closeSignalingServer('You have been disconnected due to inactivity');
+            this.closeSignalingServer(
+                'You have been disconnected due to inactivity'
+            );
         };
 
         this.freezeFrameController = new FreezeFrameController(
@@ -162,9 +163,9 @@ export class WebRtcPlayerController {
                 'Resolution.Height': height
             };
 
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify(descriptor)]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify(descriptor)
+            ]);
         };
 
         // Every time video player is resized in browser we need to reinitialize the mouse coordinate conversion and freeze frame sizing logic.
@@ -201,7 +202,9 @@ export class WebRtcPlayerController {
             messageList: MessageReceive.MessageStreamerList
         ) => this.handleStreamerListMessage(messageList);
 
-        this.webSocketController.onPlayerCount = (playerCount: MessageReceive.MessagePlayerCount) => {
+        this.webSocketController.onPlayerCount = (
+            playerCount: MessageReceive.MessagePlayerCount
+        ) => {
             this.pixelStreaming._onPlayerCount(playerCount.count);
         };
 
@@ -215,7 +218,9 @@ export class WebRtcPlayerController {
                 // 发送当前连接 所有像素流 TODO：无法判断是固定的什么项目的像素流
                 // this.webSocketController.requestStreamerList();
                 // this.webSocketController.requestStreamerObject(window.streamerName());
-                this.webSocketController.requestStreamerObject(sessionStorage.getItem('streamerName'));
+                this.webSocketController.requestStreamerObject(
+                    sessionStorage.getItem('streamerName')
+                );
 
                 // this.webSocketController.onStreamerList = (
                 //     messageList: MessageReceive.MessageStreamerList
@@ -224,45 +229,59 @@ export class WebRtcPlayerController {
             }
         });
 
-        this.webSocketController.onClose.addEventListener('close', (event: CustomEvent) => {
-            // when we refresh the page during a stream we get the going away code.
-            // in that case we don't want to reconnect since we're navigating away.
-            // https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent/code
-            // lists all the codes. 
-            const CODE_GOING_AWAY = 1001;
-
-            const willTryReconnect = this.shouldReconnect
-                && event.detail.code != CODE_GOING_AWAY
-                && this.config.getNumericSettingValue(NumericParameters.MaxReconnectAttempts) > 0
-
-            const disconnectMessage = this.disconnectMessage ? this.disconnectMessage : event.detail.reason;
-            this.pixelStreaming._onDisconnect(disconnectMessage, !willTryReconnect && !this.isReconnecting);
+        this.webSocketController.onClose.addEventListener(
+            'close',
+            (event: CustomEvent) => {
+                // when we refresh the page during a stream we get the going away code.
+                // in that case we don't want to reconnect since we're navigating away.
+                // https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent/code
+                // lists all the codes.
+                const CODE_GOING_AWAY = 1001;
+
+                const willTryReconnect =
+                    this.shouldReconnect &&
+                    event.detail.code != CODE_GOING_AWAY &&
+                    this.config.getNumericSettingValue(
+                        NumericParameters.MaxReconnectAttempts
+                    ) > 0;
+
+                const disconnectMessage = this.disconnectMessage
+                    ? this.disconnectMessage
+                    : event.detail.reason;
+                this.pixelStreaming._onDisconnect(
+                    disconnectMessage,
+                    !willTryReconnect && !this.isReconnecting
+                );
 
-            this.afkController.stopAfkWarningTimer();
+                this.afkController.stopAfkWarningTimer();
 
-            // stop sending stats on interval if we have closed our connection
-            if (this.statsTimerHandle && this.statsTimerHandle !== undefined) {
-                window.clearInterval(this.statsTimerHandle);
-            }
+                // stop sending stats on interval if we have closed our connection
+                if (
+                    this.statsTimerHandle &&
+                    this.statsTimerHandle !== undefined
+                ) {
+                    window.clearInterval(this.statsTimerHandle);
+                }
 
-            // reset the stream quality icon.
-            this.setVideoEncoderAvgQP(0);
+                // reset the stream quality icon.
+                this.setVideoEncoderAvgQP(0);
 
-            // unregister all input device event handlers on disconnect
-            this.setTouchInputEnabled(false);
-            this.setMouseInputEnabled(false);
-            this.setKeyboardInputEnabled(false);
-            this.setGamePadInputEnabled(false);
+                // unregister all input device event handlers on disconnect
+                this.setTouchInputEnabled(false);
+                this.setMouseInputEnabled(false);
+                this.setKeyboardInputEnabled(false);
+                this.setGamePadInputEnabled(false);
 
-            if (willTryReconnect) {
-                // need a small delay here to prevent reconnect spamming
-                setTimeout(() => {
-                    this.isReconnecting = true;
-                    this.reconnectAttempt++;
-                    this.tryReconnect(event.detail.reason);
-                }, 2000);
+                if (willTryReconnect) {
+                    // need a small delay here to prevent reconnect spamming
+                    setTimeout(() => {
+                        this.isReconnecting = true;
+                        this.reconnectAttempt++;
+                        this.tryReconnect(event.detail.reason);
+                    }, 2000);
+                }
             }
-        });
+        );
 
         // 在应用中设置webRtc播放器控制器的最后几个方法，以便激活连接
         this.sendMessageController = new SendMessageController(
@@ -291,7 +310,7 @@ export class WebRtcPlayerController {
         this.config._addOnOptionSettingChangedListener(
             OptionParameters.StreamerId,
             (streamerid) => {
-                if (streamerid === "") {
+                if (streamerid === '') {
                     return;
                 }
 
@@ -324,7 +343,7 @@ export class WebRtcPlayerController {
             // }
 
             return signallingServerUrl;
-        }
+        };
     }
 
     /**
@@ -349,9 +368,7 @@ export class WebRtcPlayerController {
 
         //try {
         const messageType =
-            this.streamMessageController.fromStreamerMessages.get(
-                message[0]
-            );
+            this.streamMessageController.fromStreamerMessages.get(message[0]);
         this.streamMessageController.fromStreamerHandlers.get(messageType)(
             event.data
         );
@@ -406,8 +423,9 @@ export class WebRtcPlayerController {
         this.streamMessageController.registerMessageHandler(
             MessageDirection.FromStreamer,
             'DataChannelLatencyTest',
-            (data: ArrayBuffer) => this.handleDataChannelLatencyTestResponse(data)
-        )
+            (data: ArrayBuffer) =>
+                this.handleDataChannelLatencyTestResponse(data)
+        );
         this.streamMessageController.registerMessageHandler(
             MessageDirection.FromStreamer,
             'InitialSettings',
@@ -502,7 +520,8 @@ export class WebRtcPlayerController {
             'LatencyTest',
             (data: Array<number | string>) =>
                 this.sendMessageController.sendMessageToStreamer(
-                    'LatencyTest', data
+                    'LatencyTest',
+                    data
                 )
         );
         this.streamMessageController.registerMessageHandler(
@@ -525,7 +544,8 @@ export class WebRtcPlayerController {
             'UIInteraction',
             (data: Array<number | string>) =>
                 this.sendMessageController.sendMessageToStreamer(
-                    'UIInteraction', data
+                    'UIInteraction',
+                    data
                 )
         );
         this.streamMessageController.registerMessageHandler(
@@ -533,7 +553,8 @@ export class WebRtcPlayerController {
             'Command',
             (data: Array<number | string>) =>
                 this.sendMessageController.sendMessageToStreamer(
-                    'Command', data
+                    'Command',
+                    data
                 )
         );
         this.streamMessageController.registerMessageHandler(
@@ -541,7 +562,8 @@ export class WebRtcPlayerController {
             'TextboxEntry',
             (data: Array<number | string>) =>
                 this.sendMessageController.sendMessageToStreamer(
-                    'TextboxEntry', data
+                    'TextboxEntry',
+                    data
                 )
         );
         this.streamMessageController.registerMessageHandler(
@@ -814,9 +836,10 @@ export class WebRtcPlayerController {
             delete protocolJSON.Direction;
             Logger.Log(
                 Logger.GetStackTrace(),
-                `Received new ${direction == MessageDirection.FromStreamer
-                    ? 'FromStreamer'
-                    : 'ToStreamer'
+                `Received new ${
+                    direction == MessageDirection.FromStreamer
+                        ? 'FromStreamer'
+                        : 'ToStreamer'
                 } protocol. Updating existing protocol...(更新现有协议)`
             );
             Object.keys(protocolJSON).forEach((messageType) => {
@@ -825,26 +848,27 @@ export class WebRtcPlayerController {
                     case MessageDirection.ToStreamer:
                         // Check that the message contains all the relevant params
                         if (
-                            !Object.prototype.hasOwnProperty.call(
-                                message,
-                                'id'
-                            )
+                            !Object.prototype.hasOwnProperty.call(message, 'id')
                         ) {
                             Logger.Error(
                                 Logger.GetStackTrace(),
                                 `ToStreamer->${messageType} protocol definition was malformed as it didn't contain at least an id\n
                                            Definition was: ${JSON.stringify(
-                                    message,
-                                    null,
-                                    2
-                                )}`
+                                               message,
+                                               null,
+                                               2
+                                           )}`
                             );
                             // return in a forEach is equivalent to a continue in a normal for loop
                             return;
                         }
 
                         // UE5.1 and UE5.2 don't send a structure for these message types, but they actually do have a structure so ignore updating them
-                        if ((messageType === "UIInteraction" || messageType === "Command" || messageType === "LatencyTest")) {
+                        if (
+                            messageType === 'UIInteraction' ||
+                            messageType === 'Command' ||
+                            messageType === 'LatencyTest'
+                        ) {
                             return;
                         }
 
@@ -931,13 +955,17 @@ export class WebRtcPlayerController {
     }
 
     /**
-     * 
-     * @param message 
+     *
+     * @param message
      */
     onGamepadResponse(message: ArrayBuffer) {
-        const responseString = new TextDecoder('utf-16').decode(message.slice(1));
+        const responseString = new TextDecoder('utf-16').decode(
+            message.slice(1)
+        );
         const responseJSON = JSON.parse(responseString);
-        this.gamePadController.onGamepadResponseReceived(responseJSON.controllerId);
+        this.gamePadController.onGamepadResponseReceived(
+            responseJSON.controllerId
+        );
     }
 
     onAfkTriggered(): void {
@@ -976,7 +1004,10 @@ export class WebRtcPlayerController {
 
         // 如果连接是打开的，首先关闭它。等待一段时间再试一次
         this.isReconnecting = true;
-        if (this.webSocketController.webSocket && this.webSocketController.webSocket.readyState != WebSocket.CLOSED) {
+        if (
+            this.webSocketController.webSocket &&
+            this.webSocketController.webSocket.readyState != WebSocket.CLOSED
+        ) {
             this.closeSignalingServer(`${message} Restarting stream...`);
             setTimeout(() => {
                 this.tryReconnect(message);
@@ -1036,9 +1067,7 @@ export class WebRtcPlayerController {
             6
         );
         setTimeout(() => {
-            this.pixelStreaming.dispatchEvent(
-                new HideFreezeFrameEvent()
-            );
+            this.pixelStreaming.dispatchEvent(new HideFreezeFrameEvent());
             this.freezeFrameController.hideFreezeFrame();
         }, this.freezeFrameController.freezeFrameDelay);
         if (this.videoPlayer.getVideoElement()) {
@@ -1102,7 +1131,7 @@ export class WebRtcPlayerController {
         this.pixelStreaming.dispatchEvent(new PlayStreamEvent());
 
         if (this.streamController.audioElement.srcObject) {
-            const startMuted = this.config.isFlagEnabled(Flags.StartVideoMuted)
+            const startMuted = this.config.isFlagEnabled(Flags.StartVideoMuted);
             this.streamController.audioElement.muted = startMuted;
 
             if (startMuted) {
@@ -1194,7 +1223,9 @@ export class WebRtcPlayerController {
                     Logger.GetStackTrace(),
                     'No turn server was found in the Peer Connection Options. TURN cannot be forced, closing connection. Please use STUN instead'
                 );
-                this.closeSignalingServer('TURN cannot be forced, closing connection. Please use STUN instead.');
+                this.closeSignalingServer(
+                    'TURN cannot be forced, closing connection. Please use STUN instead.'
+                );
                 return;
             }
         }
@@ -1240,8 +1271,13 @@ export class WebRtcPlayerController {
             // Browsers emit "connected" when getting first connection and "completed" when finishing
             // candidate checking. However, sometimes browsers can skip "connected" and only emit "completed".
             // Therefore need to check both cases and emit onWebRtcConnected only once on the first hit.
-            if (!webRtcConnectedSent &&
-                ["connected", "completed"].includes(this.peerConnectionController.peerConnection.iceConnectionState)) {
+            if (
+                !webRtcConnectedSent &&
+                ['connected', 'completed'].includes(
+                    this.peerConnectionController.peerConnection
+                        .iceConnectionState
+                )
+            ) {
                 this.pixelStreaming._onWebRtcConnected();
                 webRtcConnectedSent = true;
             }
@@ -1340,32 +1376,29 @@ export class WebRtcPlayerController {
             6
         );
 
-        const streamerBusyList = messageStreamerList.streamerBusyList ?? []
+        const streamerBusyList =
+            (
+                messageStreamerList as unknown as {
+                    streamerBusyList?: Array<{ streamerId: string }>;
+                }
+            ).streamerBusyList ?? [];
+            
 
         if (streamerBusyList.length > 0) {
             console.log(window.location.href, '======');
-            if (window.location.href.indexOf('home') != -1) {
-                return
-            } else {
-                ElMessageBox.confirm(
-                    '监测到当前窗口有人在使用,是否强制进入？',
-                    '警告',
-                    {
-                        confirmButtonText: '确定',
-                        cancelButtonText: '取消',
-                        type: 'warning',
-                    }
-                )
-                    .then(() => {
-                        this.webSocketController.sendSubscribe(streamerBusyList[0].streamerId);
-                    })
-                    .catch(() => {
-
-                    })
+            if (window.location.href.indexOf('home') !== -1) {
+                return;
+            }
+            const confirmed = window.confirm(
+                '监测到当前窗口有人在使用,是否强制进入？'
+            );
+            if (confirmed) {
+                this.webSocketController.sendSubscribe(
+                    streamerBusyList[0].streamerId
+                );
             }
         }
 
-
         // 将streamer添加到UI中
         const settingOptions = [...messageStreamerList.ids]; // 复制原始的messageStreamerList.ids
         // settingOptions.unshift(''); // 在顶部添加一个空选项
@@ -1379,9 +1412,15 @@ export class WebRtcPlayerController {
         let wantedStreamerId: string = null;
         let autoSelectedStreamerId: string = null;
 
-        const waitForStreamer = this.config.isFlagEnabled(Flags.WaitForStreamer);
-        const reconnectLimit = this.config.getNumericSettingValue(NumericParameters.MaxReconnectAttempts);
-        const reconnectDelay = this.config.getNumericSettingValue(NumericParameters.StreamerAutoJoinInterval);
+        const waitForStreamer = this.config.isFlagEnabled(
+            Flags.WaitForStreamer
+        );
+        const reconnectLimit = this.config.getNumericSettingValue(
+            NumericParameters.MaxReconnectAttempts
+        );
+        const reconnectDelay = this.config.getNumericSettingValue(
+            NumericParameters.StreamerAutoJoinInterval
+        );
 
         // 首先，我们通过各种方式找出一个通缉的主播id
         const urlParams = new URLSearchParams(window.location.search);
@@ -1394,10 +1433,16 @@ export class WebRtcPlayerController {
         }
 
         // 现在我们看看能不能选出来。
-        if (wantedStreamerId && messageStreamerList.ids.includes(wantedStreamerId)) {
+        if (
+            wantedStreamerId &&
+            messageStreamerList.ids.includes(wantedStreamerId)
+        ) {
             // 如果想要的流在列表中。我们选择它
             autoSelectedStreamerId = wantedStreamerId;
-        } else if ((!wantedStreamerId || !waitForStreamer) && messageStreamerList.ids.length == 1) {
+        } else if (
+            (!wantedStreamerId || !waitForStreamer) &&
+            messageStreamerList.ids.length == 1
+        ) {
             // 否则，如果我们没有等待想要的streamer，而且只有一个streamer，请连接到它
             autoSelectedStreamerId = messageStreamerList.ids[0];
         }
@@ -1541,8 +1586,12 @@ export class WebRtcPlayerController {
 
         /*  */
         this.setMouseInputEnabled(this.config.isFlagEnabled(Flags.MouseInput));
-        this.setKeyboardInputEnabled(this.config.isFlagEnabled(Flags.KeyboardInput));
-        this.setGamePadInputEnabled(this.config.isFlagEnabled(Flags.GamepadInput));
+        this.setKeyboardInputEnabled(
+            this.config.isFlagEnabled(Flags.KeyboardInput)
+        );
+        this.setGamePadInputEnabled(
+            this.config.isFlagEnabled(Flags.GamepadInput)
+        );
     }
 
     /**
@@ -1671,11 +1720,11 @@ export class WebRtcPlayerController {
     sendLatencyTest() {
         this.latencyStartTime = Date.now();
 
-        this.streamMessageController.toStreamerHandlers.get(
-            'LatencyTest'
-        )([JSON.stringify({
-            StartTime: this.latencyStartTime
-        })]);
+        this.streamMessageController.toStreamerHandlers.get('LatencyTest')([
+            JSON.stringify({
+                StartTime: this.latencyStartTime
+            })
+        ]);
     }
 
     /**
@@ -1700,11 +1749,11 @@ export class WebRtcPlayerController {
         Logger.Log(Logger.GetStackTrace(), `MinQP=${minQP}\n`, 6);
 
         if (minQP != null) {
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({
-                'Encoder.MinQP': minQP
-            })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({
+                    'Encoder.MinQP': minQP
+                })
+            ]);
         }
     }
 
@@ -1721,65 +1770,73 @@ export class WebRtcPlayerController {
         Logger.Log(Logger.GetStackTrace(), `MaxQP=${maxQP}\n`, 6);
 
         if (maxQP != null) {
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({
-                'Encoder.MaxQP': maxQP
-            })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({
+                    'Encoder.MaxQP': maxQP
+                })
+            ]);
         }
     }
 
     /**
-     * Send the { WebRTC.MinBitrate: SomeNumber }} command to UE to set 
-     * the minimum bitrate that we allow WebRTC to use 
+     * Send the { WebRTC.MinBitrate: SomeNumber }} command to UE to set
+     * the minimum bitrate that we allow WebRTC to use
      * (note setting this too high in poor networks can be problematic).
      * @param minBitrate - The minimum bitrate we would like WebRTC to not fall below.
      */
     sendWebRTCMinBitrate(minBitrate: number) {
-        Logger.Log(Logger.GetStackTrace(), `WebRTC Min Bitrate=${minBitrate}`, 6);
+        Logger.Log(
+            Logger.GetStackTrace(),
+            `WebRTC Min Bitrate=${minBitrate}`,
+            6
+        );
         if (minBitrate != null) {
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({
-                'WebRTC.MinBitrate': minBitrate
-            })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({
+                    'WebRTC.MinBitrate': minBitrate
+                })
+            ]);
         }
     }
 
     /**
-     * Send the { WebRTC.MaxBitrate: SomeNumber }} command to UE to set 
-     * the minimum bitrate that we allow WebRTC to use 
+     * Send the { WebRTC.MaxBitrate: SomeNumber }} command to UE to set
+     * the minimum bitrate that we allow WebRTC to use
      * (note setting this too low could result in blocky video).
      * @param minBitrate - The minimum bitrate we would like WebRTC to not fall below.
      */
     sendWebRTCMaxBitrate(maxBitrate: number) {
-        Logger.Log(Logger.GetStackTrace(), `WebRTC Max Bitrate=${maxBitrate}`, 6);
+        Logger.Log(
+            Logger.GetStackTrace(),
+            `WebRTC Max Bitrate=${maxBitrate}`,
+            6
+        );
         if (maxBitrate != null) {
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({
-                'WebRTC.MaxBitrate': maxBitrate
-            })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({
+                    'WebRTC.MaxBitrate': maxBitrate
+                })
+            ]);
         }
     }
 
     /**
      * Send the { WebRTC.Fps: SomeNumber }} UE 5.0+
-     * and { WebRTC.MaxFps } UE 4.27 command to set 
-     * the maximum fps we would like WebRTC to stream at. 
+     * and { WebRTC.MaxFps } UE 4.27 command to set
+     * the maximum fps we would like WebRTC to stream at.
      * @param fps - The maximum stream fps.
      */
     sendWebRTCFps(fps: number) {
         Logger.Log(Logger.GetStackTrace(), `WebRTC FPS=${fps}`, 6);
         if (fps != null) {
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({ 'WebRTC.Fps': fps })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({ 'WebRTC.Fps': fps })
+            ]);
 
             /* TODO: Remove when UE 4.27 unsupported. */
-            this.streamMessageController.toStreamerHandlers.get(
-                'Command'
-            )([JSON.stringify({ 'WebRTC.MaxFps': fps })]);
+            this.streamMessageController.toStreamerHandlers.get('Command')([
+                JSON.stringify({ 'WebRTC.MaxFps': fps })
+            ]);
         }
     }
 
@@ -1793,9 +1850,9 @@ export class WebRtcPlayerController {
             6
         );
 
-        this.streamMessageController.toStreamerHandlers.get(
-            'Command'
-        )([JSON.stringify({ 'stat.fps': '' })]);
+        this.streamMessageController.toStreamerHandlers.get('Command')([
+            JSON.stringify({ 'stat.fps': '' })
+        ]);
     }
 
     /**
@@ -1820,9 +1877,9 @@ export class WebRtcPlayerController {
             6
         );
 
-        this.streamMessageController.toStreamerHandlers.get(
-            'UIInteraction'
-        )([JSON.stringify(descriptor)]);
+        this.streamMessageController.toStreamerHandlers.get('UIInteraction')([
+            JSON.stringify(descriptor)
+        ]);
     }
 
     /**
@@ -1835,9 +1892,9 @@ export class WebRtcPlayerController {
             6
         );
 
-        this.streamMessageController.toStreamerHandlers.get(
-            'Command'
-        )([JSON.stringify(descriptor)]);
+        this.streamMessageController.toStreamerHandlers.get('Command')([
+            JSON.stringify(descriptor)
+        ]);
     }
 
     /**
@@ -1850,11 +1907,11 @@ export class WebRtcPlayerController {
             6
         );
 
-        this.streamMessageController.toStreamerHandlers.get(
-            'Command'
-        )([JSON.stringify({
-            ConsoleCommand: command,
-        })]);
+        this.streamMessageController.toStreamerHandlers.get('Command')([
+            JSON.stringify({
+                ConsoleCommand: command
+            })
+        ]);
     }
 
     /**
@@ -1909,7 +1966,7 @@ export class WebRtcPlayerController {
             latencyTestResults.endToEndLatency =
                 ~~(latencyTestResults.frameDisplayDeltaTimeMs +
                     latencyTestResults.networkLatency,
-                    +latencyTestResults.CaptureToSendMs);
+                +latencyTestResults.CaptureToSendMs);
         }
         this.pixelStreaming._onLatencyTestResult(latencyTestResults);
     }
@@ -1927,8 +1984,11 @@ export class WebRtcPlayerController {
         const responseAsString = new TextDecoder('utf-16').decode(
             message.slice(1)
         );
-        const latencyTestResponse: DataChannelLatencyTestResponse = JSON.parse(responseAsString);
-        this.pixelStreaming._onDataChannelLatencyTestResponse(latencyTestResponse);
+        const latencyTestResponse: DataChannelLatencyTestResponse =
+            JSON.parse(responseAsString);
+        this.pixelStreaming._onDataChannelLatencyTestResponse(
+            latencyTestResponse
+        );
     }
 
     /**
@@ -1961,7 +2021,10 @@ export class WebRtcPlayerController {
                 parsedInitialSettings.PixelStreaming;
         }
 
-        if (parsedInitialSettings.ConfigOptions && parsedInitialSettings.ConfigOptions.DefaultToHover !== undefined) {
+        if (
+            parsedInitialSettings.ConfigOptions &&
+            parsedInitialSettings.ConfigOptions.DefaultToHover !== undefined
+        ) {
             this.config.setFlagEnabled(
                 Flags.HoveringMouseMode,
                 !!parsedInitialSettings.ConfigOptions.DefaultToHover
@@ -2098,11 +2161,17 @@ export class WebRtcPlayerController {
         if (isEnabled) {
             this.gamePadController = this.inputClassesFactory.registerGamePad();
             this.gamePadController.onGamepadConnected = () => {
-                this.streamMessageController.toStreamerHandlers.get('GamepadConnected')();
-            }
-            this.gamePadController.onGamepadDisconnected = (controllerIdx: number) => {
-                this.streamMessageController.toStreamerHandlers.get('GamepadDisconnected')([controllerIdx]);
-            }
+                this.streamMessageController.toStreamerHandlers.get(
+                    'GamepadConnected'
+                )();
+            };
+            this.gamePadController.onGamepadDisconnected = (
+                controllerIdx: number
+            ) => {
+                this.streamMessageController.toStreamerHandlers.get(
+                    'GamepadDisconnected'
+                )([controllerIdx]);
+            };
         }
     }
 
@@ -2121,24 +2190,32 @@ export class WebRtcPlayerController {
             );
     }
 
-    public registerMessageHandler(name: string, direction: MessageDirection, handler?: (data: ArrayBuffer | Array<number | string>) => void) {
-        if (direction === MessageDirection.FromStreamer && typeof handler === 'undefined') {
+    public registerMessageHandler(
+        name: string,
+        direction: MessageDirection,
+        handler?: (data: ArrayBuffer | Array<number | string>) => void
+    ) {
+        if (
+            direction === MessageDirection.FromStreamer &&
+            typeof handler === 'undefined'
+        ) {
             Logger.Warning(
                 Logger.GetStackTrace(),
                 `Unable to register handler for ${name} as no handler was passed`
             );
         }
 
-
         this.streamMessageController.registerMessageHandler(
             direction,
             name,
-            (data: Array<number | string>) => (typeof handler === 'undefined' && direction === MessageDirection.ToStreamer) ?
-                this.sendMessageController.sendMessageToStreamer(
-                    name,
-                    data
-                ) :
-                handler(data)
+            (data: Array<number | string>) =>
+                typeof handler === 'undefined' &&
+                direction === MessageDirection.ToStreamer
+                    ? this.sendMessageController.sendMessageToStreamer(
+                          name,
+                          data
+                      )
+                    : handler(data)
         );
     }
 }