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

package/dist/esm/Util/FileUtil.js

@@ -1,104 +1,104 @@
-// Copyright Epic Games, Inc. All Rights Reserved.
-import { Logger } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5';
-/**
- * Utility function for populate file information from byte buffers.
- */
-export class FileUtil {
-    /**
-     * Processes a files extension when received over data channel
-     * @param view - the file extension data
-     */
-    static setExtensionFromBytes(view, file) {
-        // Reset file if we got a file message and we are not "receiving" it yet
-        if (!file.receiving) {
-            file.mimetype = '';
-            file.extension = '';
-            file.receiving = true;
-            file.valid = false;
-            file.size = 0;
-            file.data = [];
-            file.timestampStart = new Date().getTime();
-            Logger.Info('Received first chunk of file');
-        }
-        const extensionAsString = new TextDecoder('utf-16').decode(view.slice(1));
-        Logger.Info(extensionAsString);
-        file.extension = extensionAsString;
-    }
-    /**
-     * Processes a files mime type when received over data channel
-     * @param view - the file mime type data
-     */
-    static setMimeTypeFromBytes(view, file) {
-        // Reset file if we got a file message and we are not "receiving" it yet
-        if (!file.receiving) {
-            file.mimetype = '';
-            file.extension = '';
-            file.receiving = true;
-            file.valid = false;
-            file.size = 0;
-            file.data = [];
-            file.timestampStart = new Date().getTime();
-            Logger.Info('Received first chunk of file');
-        }
-        const mimeAsString = new TextDecoder('utf-16').decode(view.slice(1));
-        Logger.Info(mimeAsString);
-        file.mimetype = mimeAsString;
-    }
-    /**
-     * Processes a files contents when received over data channel
-     * @param view - the file contents data
-     */
-    static setContentsFromBytes(view, file) {
-        // If we haven't received the initial setup instructions, return
-        if (!file.receiving)
-            return;
-        // Extract the total size of the file (across all chunks)
-        file.size = Math.ceil(new DataView(view.slice(1, 5).buffer).getInt32(0, true) /
-            16379 /* The maximum number of payload bits per message*/);
-        // Get the file part of the payload
-        const fileBytes = view.slice(1 + 4);
-        // Append to existing data that holds the file
-        file.data.push(fileBytes);
-        // Uncomment for debug
-        Logger.Info(`Received file chunk: ${file.data.length}/${file.size}`);
-        if (file.data.length === file.size) {
-            file.receiving = false;
-            file.valid = true;
-            Logger.Info('Received complete file');
-            const transferDuration = new Date().getTime() - file.timestampStart;
-            const transferBitrate = Math.round((file.size * 16 * 1024) / transferDuration);
-            Logger.Info(`Average transfer bitrate: ${transferBitrate}kb/s over ${transferDuration / 1000} seconds`);
-            // File reconstruction
-            /**
-             * Example code to reconstruct the file
-             *
-             * This code reconstructs the received data into the original file based on the mime type and extension provided and then downloads the reconstructed file
-             */
-            const received = new Blob(file.data, { type: file.mimetype });
-            const a = document.createElement('a');
-            a.setAttribute('href', URL.createObjectURL(received));
-            a.setAttribute('download', `transfer.${file.extension}`);
-            document.body.append(a);
-            // if you are so inclined to make it auto-download, do something like: a.click();
-            a.remove();
-        }
-        else if (file.data.length > file.size) {
-            file.receiving = false;
-            Logger.Error(`Received bigger file than advertised: ${file.data.length}/${file.size}`);
-        }
-    }
-}
-/**
- * A class that represents a template for a downloaded file
- */
-export class FileTemplate {
-    constructor() {
-        this.mimetype = '';
-        this.extension = '';
-        this.receiving = false;
-        this.size = 0;
-        this.data = [];
-        this.valid = false;
-    }
-}
+// Copyright Epic Games, Inc. All Rights Reserved.
+import { Logger } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5';
+/**
+ * Utility function for populate file information from byte buffers.
+ */
+export class FileUtil {
+    /**
+     * Processes a files extension when received over data channel
+     * @param view - the file extension data
+     */
+    static setExtensionFromBytes(view, file) {
+        // Reset file if we got a file message and we are not "receiving" it yet
+        if (!file.receiving) {
+            file.mimetype = '';
+            file.extension = '';
+            file.receiving = true;
+            file.valid = false;
+            file.size = 0;
+            file.data = [];
+            file.timestampStart = new Date().getTime();
+            Logger.Info('Received first chunk of file');
+        }
+        const extensionAsString = new TextDecoder('utf-16').decode(view.slice(1));
+        Logger.Info(extensionAsString);
+        file.extension = extensionAsString;
+    }
+    /**
+     * Processes a files mime type when received over data channel
+     * @param view - the file mime type data
+     */
+    static setMimeTypeFromBytes(view, file) {
+        // Reset file if we got a file message and we are not "receiving" it yet
+        if (!file.receiving) {
+            file.mimetype = '';
+            file.extension = '';
+            file.receiving = true;
+            file.valid = false;
+            file.size = 0;
+            file.data = [];
+            file.timestampStart = new Date().getTime();
+            Logger.Info('Received first chunk of file');
+        }
+        const mimeAsString = new TextDecoder('utf-16').decode(view.slice(1));
+        Logger.Info(mimeAsString);
+        file.mimetype = mimeAsString;
+    }
+    /**
+     * Processes a files contents when received over data channel
+     * @param view - the file contents data
+     */
+    static setContentsFromBytes(view, file) {
+        // If we haven't received the initial setup instructions, return
+        if (!file.receiving)
+            return;
+        // Extract the total size of the file (across all chunks)
+        file.size = Math.ceil(new DataView(view.slice(1, 5).buffer).getInt32(0, true) /
+            16379 /* The maximum number of payload bits per message*/);
+        // Get the file part of the payload
+        const fileBytes = view.slice(1 + 4);
+        // Append to existing data that holds the file
+        file.data.push(fileBytes);
+        // Uncomment for debug
+        Logger.Info(`Received file chunk: ${file.data.length}/${file.size}`);
+        if (file.data.length === file.size) {
+            file.receiving = false;
+            file.valid = true;
+            Logger.Info('Received complete file');
+            const transferDuration = new Date().getTime() - file.timestampStart;
+            const transferBitrate = Math.round((file.size * 16 * 1024) / transferDuration);
+            Logger.Info(`Average transfer bitrate: ${transferBitrate}kb/s over ${transferDuration / 1000} seconds`);
+            // File reconstruction
+            /**
+             * Example code to reconstruct the file
+             *
+             * This code reconstructs the received data into the original file based on the mime type and extension provided and then downloads the reconstructed file
+             */
+            const received = new Blob(file.data, { type: file.mimetype });
+            const a = document.createElement('a');
+            a.setAttribute('href', URL.createObjectURL(received));
+            a.setAttribute('download', `transfer.${file.extension}`);
+            document.body.append(a);
+            // if you are so inclined to make it auto-download, do something like: a.click();
+            a.remove();
+        }
+        else if (file.data.length > file.size) {
+            file.receiving = false;
+            Logger.Error(`Received bigger file than advertised: ${file.data.length}/${file.size}`);
+        }
+    }
+}
+/**
+ * A class that represents a template for a downloaded file
+ */
+export class FileTemplate {
+    constructor() {
+        this.mimetype = '';
+        this.extension = '';
+        this.receiving = false;
+        this.size = 0;
+        this.data = [];
+        this.valid = false;
+    }
+}
 //# sourceMappingURL=FileUtil.js.map

package/dist/esm/Util/IURLSearchParams.js

@@ -1,22 +1,22 @@
-/**
- * A case insensitive, partial implementation of URLSearchParams
- */
-export class IURLSearchParams {
-    constructor(search) {
-        this._urlParams = {};
-        const urlParams = new URLSearchParams(search);
-        for (const [name, value] of urlParams) {
-            this._urlParams[name.toLowerCase()] = value;
-        }
-    }
-    has(name) {
-        return name.toLowerCase() in this._urlParams;
-    }
-    get(name) {
-        if (this.has(name)) {
-            return this._urlParams[name.toLowerCase()];
-        }
-        return null;
-    }
-}
+/**
+ * A case insensitive, partial implementation of URLSearchParams
+ */
+export class IURLSearchParams {
+    constructor(search) {
+        this._urlParams = {};
+        const urlParams = new URLSearchParams(search);
+        for (const [name, value] of urlParams) {
+            this._urlParams[name.toLowerCase()] = value;
+        }
+    }
+    has(name) {
+        return name.toLowerCase() in this._urlParams;
+    }
+    get(name) {
+        if (this.has(name)) {
+            return this._urlParams[name.toLowerCase()];
+        }
+        return null;
+    }
+}
 //# sourceMappingURL=IURLSearchParams.js.map

package/dist/esm/Util/InputCoordTranslator.js

@@ -1,46 +1,46 @@
-// Copyright Epic Games, Inc. All Rights Reserved.
-/**
- * Converts coordinates from element relative coordinates to values normalized within the value range of a short (and back again)
- */
-export class InputCoordTranslator {
-    // we dont use a constructor here because the object is created and passed around to various locations
-    // possibly before this method is called.
-    reconfigure(playerSize, videoSize) {
-        const playerAspectRatio = playerSize.height / playerSize.width;
-        const videoAspectRatio = videoSize.height / videoSize.width;
-        this.playerIsLarger = playerAspectRatio > videoAspectRatio;
-        this.playerSize = playerSize;
-        this.ratio = this.playerIsLarger
-            ? playerAspectRatio / videoAspectRatio
-            : videoAspectRatio / playerAspectRatio;
-    }
-    translateUnsigned(x, y) {
-        const normalizedX = this.playerIsLarger
-            ? x / this.playerSize.width
-            : this.ratio * (x / this.playerSize.width - 0.5) + 0.5;
-        const normalizedY = this.playerIsLarger
-            ? this.ratio * (y / this.playerSize.height - 0.5) + 0.5
-            : y / this.playerSize.height;
-        if (normalizedX < 0.0 || normalizedX > 1.0 || normalizedY < 0.0 || normalizedY > 1.0) {
-            return { inRange: false, x: 65535, y: 65535 };
-        }
-        else {
-            return { inRange: true, x: normalizedX * 65536, y: normalizedY * 65536 };
-        }
-    }
-    translateSigned(x, y) {
-        const normalizedX = this.playerIsLarger
-            ? x / (0.5 * this.playerSize.width)
-            : (this.ratio * x) / (0.5 * this.playerSize.width);
-        const normalizedY = this.playerIsLarger
-            ? (this.ratio * y) / (0.5 * this.playerSize.height)
-            : y / (0.5 * this.playerSize.height);
-        return { x: normalizedX * 32767, y: normalizedY * 32767 };
-    }
-    untranslateUnsigned(x, y) {
-        const normalizedX = this.playerIsLarger ? x / 65536 : (x / 65536 - 0.5) / this.ratio + 0.5;
-        const normalizedY = this.playerIsLarger ? (y / 65536 - 0.5) / this.ratio + 0.5 : y / 65536;
-        return { x: normalizedX * this.playerSize.width, y: normalizedY * this.playerSize.height };
-    }
-}
+// Copyright Epic Games, Inc. All Rights Reserved.
+/**
+ * Converts coordinates from element relative coordinates to values normalized within the value range of a short (and back again)
+ */
+export class InputCoordTranslator {
+    // we dont use a constructor here because the object is created and passed around to various locations
+    // possibly before this method is called.
+    reconfigure(playerSize, videoSize) {
+        const playerAspectRatio = playerSize.height / playerSize.width;
+        const videoAspectRatio = videoSize.height / videoSize.width;
+        this.playerIsLarger = playerAspectRatio > videoAspectRatio;
+        this.playerSize = playerSize;
+        this.ratio = this.playerIsLarger
+            ? playerAspectRatio / videoAspectRatio
+            : videoAspectRatio / playerAspectRatio;
+    }
+    translateUnsigned(x, y) {
+        const normalizedX = this.playerIsLarger
+            ? x / this.playerSize.width
+            : this.ratio * (x / this.playerSize.width - 0.5) + 0.5;
+        const normalizedY = this.playerIsLarger
+            ? this.ratio * (y / this.playerSize.height - 0.5) + 0.5
+            : y / this.playerSize.height;
+        if (normalizedX < 0.0 || normalizedX > 1.0 || normalizedY < 0.0 || normalizedY > 1.0) {
+            return { inRange: false, x: 65535, y: 65535 };
+        }
+        else {
+            return { inRange: true, x: normalizedX * 65536, y: normalizedY * 65536 };
+        }
+    }
+    translateSigned(x, y) {
+        const normalizedX = this.playerIsLarger
+            ? x / (0.5 * this.playerSize.width)
+            : (this.ratio * x) / (0.5 * this.playerSize.width);
+        const normalizedY = this.playerIsLarger
+            ? (this.ratio * y) / (0.5 * this.playerSize.height)
+            : y / (0.5 * this.playerSize.height);
+        return { x: normalizedX * 32767, y: normalizedY * 32767 };
+    }
+    untranslateUnsigned(x, y) {
+        const normalizedX = this.playerIsLarger ? x / 65536 : (x / 65536 - 0.5) / this.ratio + 0.5;
+        const normalizedY = this.playerIsLarger ? (y / 65536 - 0.5) / this.ratio + 0.5 : y / 65536;
+        return { x: normalizedX * this.playerSize.width, y: normalizedY * this.playerSize.height };
+    }
+}
 //# sourceMappingURL=InputCoordTranslator.js.map

package/dist/esm/Util/RTCUtils.js

@@ -1,37 +1,37 @@
-export class RTCUtils {
-    static isVideoTransceiver(transceiver) {
-        return this.canTransceiverReceiveVideo(transceiver) || this.canTransceiverSendVideo(transceiver);
-    }
-    static canTransceiverReceiveVideo(transceiver) {
-        return (!!transceiver &&
-            (transceiver.direction === 'sendrecv' || transceiver.direction === 'recvonly') &&
-            transceiver.receiver &&
-            transceiver.receiver.track &&
-            transceiver.receiver.track.kind === 'video');
-    }
-    static canTransceiverSendVideo(transceiver) {
-        return (!!transceiver &&
-            (transceiver.direction === 'sendrecv' || transceiver.direction === 'sendonly') &&
-            transceiver.sender &&
-            transceiver.sender.track &&
-            transceiver.sender.track.kind === 'video');
-    }
-    static isAudioTransceiver(transceiver) {
-        return this.canTransceiverReceiveAudio(transceiver) || this.canTransceiverSendAudio(transceiver);
-    }
-    static canTransceiverReceiveAudio(transceiver) {
-        return (!!transceiver &&
-            (transceiver.direction === 'sendrecv' || transceiver.direction === 'recvonly') &&
-            transceiver.receiver &&
-            transceiver.receiver.track &&
-            transceiver.receiver.track.kind === 'audio');
-    }
-    static canTransceiverSendAudio(transceiver) {
-        return (!!transceiver &&
-            (transceiver.direction === 'sendrecv' || transceiver.direction === 'sendonly') &&
-            transceiver.sender &&
-            transceiver.sender.track &&
-            transceiver.sender.track.kind === 'audio');
-    }
-}
+export class RTCUtils {
+    static isVideoTransceiver(transceiver) {
+        return this.canTransceiverReceiveVideo(transceiver) || this.canTransceiverSendVideo(transceiver);
+    }
+    static canTransceiverReceiveVideo(transceiver) {
+        return (!!transceiver &&
+            (transceiver.direction === 'sendrecv' || transceiver.direction === 'recvonly') &&
+            transceiver.receiver &&
+            transceiver.receiver.track &&
+            transceiver.receiver.track.kind === 'video');
+    }
+    static canTransceiverSendVideo(transceiver) {
+        return (!!transceiver &&
+            (transceiver.direction === 'sendrecv' || transceiver.direction === 'sendonly') &&
+            transceiver.sender &&
+            transceiver.sender.track &&
+            transceiver.sender.track.kind === 'video');
+    }
+    static isAudioTransceiver(transceiver) {
+        return this.canTransceiverReceiveAudio(transceiver) || this.canTransceiverSendAudio(transceiver);
+    }
+    static canTransceiverReceiveAudio(transceiver) {
+        return (!!transceiver &&
+            (transceiver.direction === 'sendrecv' || transceiver.direction === 'recvonly') &&
+            transceiver.receiver &&
+            transceiver.receiver.track &&
+            transceiver.receiver.track.kind === 'audio');
+    }
+    static canTransceiverSendAudio(transceiver) {
+        return (!!transceiver &&
+            (transceiver.direction === 'sendrecv' || transceiver.direction === 'sendonly') &&
+            transceiver.sender &&
+            transceiver.sender.track &&
+            transceiver.sender.track.kind === 'audio');
+    }
+}
 //# sourceMappingURL=RTCUtils.js.map

package/dist/esm/VideoPlayer/StreamController.js

@@ -1,64 +1,64 @@
-// Copyright Epic Games, Inc. All Rights Reserved.
-import { Logger } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5';
-/**
- * Video Player Controller handles the creation of the video HTML element and all handlers
- */
-export class StreamController {
-    /**
-     * @param videoElementProvider Video Player instance
-     */
-    constructor(videoElementProvider) {
-        this.videoElementProvider = videoElementProvider;
-        this.audioElement = document.createElement('Audio');
-        this.videoElementProvider.setAudioElement(this.audioElement);
-    }
-    /**
-     * Handles when the Peer connection has a track event
-     * @param rtcTrackEvent - RTC Track Event
-     */
-    handleOnTrack(rtcTrackEvent) {
-        Logger.Info('handleOnTrack ' + JSON.stringify(rtcTrackEvent.streams));
-        // Do not add the track if the ID is `probator` as this is special track created by mediasoup for bitrate probing.
-        // Refer to https://github.com/EpicGamesExt/PixelStreamingInfrastructure/pull/86 for more details.
-        if (rtcTrackEvent.streams.length < 1 || rtcTrackEvent.streams[0].id == 'probator') {
-            return;
-        }
-        const videoElement = this.videoElementProvider.getVideoElement();
-        if (rtcTrackEvent.track) {
-            Logger.Info('Got track - ' +
-                rtcTrackEvent.track.kind +
-                ' id=' +
-                rtcTrackEvent.track.id +
-                ' readyState=' +
-                rtcTrackEvent.track.readyState);
-        }
-        if (rtcTrackEvent.track.kind == 'audio') {
-            this.CreateAudioTrack(rtcTrackEvent.streams[0]);
-            return;
-        }
-        else if (rtcTrackEvent.track.kind == 'video' &&
-            videoElement.srcObject !== rtcTrackEvent.streams[0]) {
-            videoElement.srcObject = rtcTrackEvent.streams[0];
-            Logger.Info('Set video source from video track ontrack.');
-            return;
-        }
-    }
-    /**
-     * Creates the audio device when receiving an RTCTrackEvent with the kind of "audio"
-     * @param audioMediaStream - Audio Media stream track
-     */
-    CreateAudioTrack(audioMediaStream) {
-        const videoElement = this.videoElementProvider.getVideoElement();
-        // do nothing the video has the same media stream as the audio track we have here (they are linked)
-        if (videoElement.srcObject == audioMediaStream) {
-            return;
-        }
-        // video element has some other media stream that is not associated with this audio track
-        else if (videoElement.srcObject && videoElement.srcObject !== audioMediaStream) {
-            // create a new audio element
-            this.audioElement.srcObject = audioMediaStream;
-            Logger.Info('Created new audio element to play separate audio stream.');
-        }
-    }
-}
+// Copyright Epic Games, Inc. All Rights Reserved.
+import { Logger } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5';
+/**
+ * Video Player Controller handles the creation of the video HTML element and all handlers
+ */
+export class StreamController {
+    /**
+     * @param videoElementProvider Video Player instance
+     */
+    constructor(videoElementProvider) {
+        this.videoElementProvider = videoElementProvider;
+        this.audioElement = document.createElement('Audio');
+        this.videoElementProvider.setAudioElement(this.audioElement);
+    }
+    /**
+     * Handles when the Peer connection has a track event
+     * @param rtcTrackEvent - RTC Track Event
+     */
+    handleOnTrack(rtcTrackEvent) {
+        Logger.Info('handleOnTrack ' + JSON.stringify(rtcTrackEvent.streams));
+        // Do not add the track if the ID is `probator` as this is special track created by mediasoup for bitrate probing.
+        // Refer to https://github.com/EpicGamesExt/PixelStreamingInfrastructure/pull/86 for more details.
+        if (rtcTrackEvent.streams.length < 1 || rtcTrackEvent.streams[0].id == 'probator') {
+            return;
+        }
+        const videoElement = this.videoElementProvider.getVideoElement();
+        if (rtcTrackEvent.track) {
+            Logger.Info('Got track - ' +
+                rtcTrackEvent.track.kind +
+                ' id=' +
+                rtcTrackEvent.track.id +
+                ' readyState=' +
+                rtcTrackEvent.track.readyState);
+        }
+        if (rtcTrackEvent.track.kind == 'audio') {
+            this.CreateAudioTrack(rtcTrackEvent.streams[0]);
+            return;
+        }
+        else if (rtcTrackEvent.track.kind == 'video' &&
+            videoElement.srcObject !== rtcTrackEvent.streams[0]) {
+            videoElement.srcObject = rtcTrackEvent.streams[0];
+            Logger.Info('Set video source from video track ontrack.');
+            return;
+        }
+    }
+    /**
+     * Creates the audio device when receiving an RTCTrackEvent with the kind of "audio"
+     * @param audioMediaStream - Audio Media stream track
+     */
+    CreateAudioTrack(audioMediaStream) {
+        const videoElement = this.videoElementProvider.getVideoElement();
+        // do nothing the video has the same media stream as the audio track we have here (they are linked)
+        if (videoElement.srcObject == audioMediaStream) {
+            return;
+        }
+        // video element has some other media stream that is not associated with this audio track
+        else if (videoElement.srcObject && videoElement.srcObject !== audioMediaStream) {
+            // create a new audio element
+            this.audioElement.srcObject = audioMediaStream;
+            Logger.Info('Created new audio element to play separate audio stream.');
+        }
+    }
+}
 //# sourceMappingURL=StreamController.js.map