@3dsource/angular-unreal-module 0.0.76 → 0.0.77-dev.1

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -1588,10 +1588,10 @@ class WebRtcPlayerService extends SubService {
     }
     mungeSDP(offer) {
         let audioSDP = '';
-        // set max bitrate to highest bitrate Opus supports
+        // set max bitrate to the highest bitrate Opus supports
         audioSDP += 'maxaveragebitrate=510000;';
         if (this.useMic) {
-            // set the max capture rate to 48khz (so we can send high quality audio from mic)
+            // set the max capture rate to 48khz (so we can send high-quality audio from mic)
             audioSDP += 'sprop-maxcapturerate=48000;';
         }
         // Force mono or stereo based on whether ?forceMono was passed or not
@@ -2424,10 +2424,15 @@ class UnrealCommunicatorService {
         this.webRtcPlayerService = inject(WebRtcPlayerService);
         this.videoService = inject(VideoService);
         this.destroy$ = new Subject();
+        this.afkService = inject(AFKService);
+        this.consoleExtensionsService = inject(ConsoleExtensionsService);
         this.cirrusConnected = this.store.selectSignal(unrealFeature.selectCirrusConnected);
         this.init();
     }
     init() {
+        this.consoleExtensionsService.init();
+        this.afkService.init();
+        this.freezeFrameService.init();
         console.log('DEBUG: UnrealCommunicatorService init');
         this.emitUIInteraction = this.commandTelemetryService.decorate(this.emitUIInteraction.bind(this));
         this.listenVideo();
@@ -2464,7 +2469,7 @@ class UnrealCommunicatorService {
      "{ ConsoleCommand: <string> }"
   
      2. A command to change the resolution to the given width and height.
-     "{ Resolution.Width: <value>, Resolution.Height: <value> } }"
+     "{ Resolution.Width: <value>, Resolution.Height: <value> }"
      */
     emitCommand(descriptor) {
         this.emitDescriptor(EMessageType.Command, descriptor);
@@ -2533,7 +2538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 class InputService extends SubService {
     constructor() {
-        super(...arguments);
+        super();
         this.commandsSender = inject(UnrealCommunicatorService);
         this.isDevMode = inject(DevModeService).isDevMode;
         this.defaultKeys = [
@@ -2566,9 +2571,9 @@ class InputService extends SubService {
             offsetByY: 0,
             offsetByX: 0,
         };
+        this.init();
     }
     init() {
-        console.log('DEBUG: InputService init');
         const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'hidden'), filter(Truthy));
         const visibilityVisibleTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'visible'), filter(Truthy), startWith(true));
         this.deactivatedVideoTrigger$ = merge(this.disconnect$, this.reInit$, visibilityHiddenTrigger$);
@@ -2578,6 +2583,9 @@ class InputService extends SubService {
             .pipe(filter(Truthy), startWith(true))), filter(([video]) => !!video))
             .subscribe(([video]) => this.setup(video));
     }
+    fakeInit() {
+        // it is for init
+    }
     useKeyboardKeys(keys) {
         this.availableKeys = keys || [];
     }
@@ -3320,8 +3328,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable
         }] });
 
-function providePlaywrightProviders(config) {
-    return [
+function provideAngularUnrealModule(config) {
+    return makeEnvironmentProviders([
+        provideState(unrealFeature),
+        provideEffects([UnrealEffects]),
+        ConsoleExtensionsService,
+        InputService,
+        VideoService,
+        WebRtcPlayerService,
+        RegionsPingService,
+        FileReceiverService,
+        FileHandlerService,
         {
             provide: StreamStatusTelemetryService,
             useClass: config?.playwright
@@ -3374,21 +3391,6 @@ function providePlaywrightProviders(config) {
                 ? FileReceiverPlaywrightService
                 : FileReceiverService,
         },
-    ];
-}
-
-function provideAngularUnrealModule(config) {
-    return makeEnvironmentProviders([
-        provideState(unrealFeature),
-        provideEffects([UnrealEffects]),
-        ConsoleExtensionsService,
-        InputService,
-        VideoService,
-        WebRtcPlayerService,
-        RegionsPingService,
-        FileReceiverService,
-        FileHandlerService,
-        providePlaywrightProviders(config),
     ]);
 }
 
@@ -3662,14 +3664,8 @@ class UnrealEffects {
         this.unrealInitialConfig = inject(UNREAL_CONFIG);
         this.webRtcPlayerService = inject(WebRtcPlayerService);
         this.commandsSender = inject(UnrealCommunicatorService);
-        this.freezeFrame = inject(FreezeFrameService);
-        this.inputService = inject(InputService);
         this.signallingService = inject(SignallingService);
         this.videoService = inject(VideoService);
-        this.afkService = inject(AFKService);
-        this.consoleExtensions = inject(ConsoleExtensionsService);
-        this.streamStatusTelemetryService = inject(StreamStatusTelemetryService);
-        this.aggregatorService = inject(AggregatorService);
         this.dataChannelConnectionTimeout = this.unrealInitialConfig?.dataChannelConnectionTimeout ??
             DATA_CHANNEL_CONNECTION_TIMEOUT;
         this.connectionCompleted$ = this.store
@@ -3888,20 +3884,13 @@ class UnrealEffects {
         this.forceViewportNotReady$ = createEffect(() => {
             return this.actions$.pipe(ofType(destroyRemoteConnections), map(() => setViewportNotReady()));
         });
-        // TODO will better to
-        this.inputService.init();
-        this.consoleExtensions.init();
-        this.afkService.init();
-        this.freezeFrame.init();
-        this.streamStatusTelemetryService.init();
-        this.aggregatorService.init();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UnrealEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UnrealEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UnrealEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }] });
 
 const selectFreezeFrameDataUrlFromVideo = createSelector(unrealFeature.selectFreezeFrameFromVideo, unrealFeature.selectLowBandwidth, (freezeFrameFromVideo, isLow) => isLow ? null : freezeFrameFromVideo?.dataUrl || null);
 const selectFreezeFrameProgressMessageFromVideo = createSelector(unrealFeature.selectFreezeFrameFromVideo, unrealFeature.selectLowBandwidth, (freezeFrameFromVideo, isLow) => isLow ? null : freezeFrameFromVideo?.progress || null);
@@ -4851,6 +4840,9 @@ class UnrealSceneComponent {
         this.width = FULL_HD_WIDTH;
         this.height = FULL_HD_HEIGHT;
         this.store = inject(Store);
+        this.streamStatusTelemetryService = inject(StreamStatusTelemetryService);
+        this.aggregatorService = inject(AggregatorService);
+        this.inputService = inject(InputService);
         this.isDevMode = inject(DevModeService).isDevMode;
         this.lightMode = this.store.selectSignal(unrealFeature.selectLowBandwidth);
         this.isFreezeFrameLoading = this.store.selectSignal(selectIsFreezeFrameLoading);
@@ -4878,6 +4870,11 @@ class UnrealSceneComponent {
     onMouseOut() {
         this.changeMouseOverScene.emit(false);
     }
+    ngOnInit() {
+        this.streamStatusTelemetryService.init();
+        this.aggregatorService.init();
+        this.inputService.fakeInit();
+    }
     ngAfterViewInit() {
         this.videoService.setContainer(this.container.nativeElement);
         fromEvent(this.element.nativeElement, 'contextmenu')