diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html index a5a59642..a1644fe9 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html @@ -1,6 +1,6 @@
-
-
+
+
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts index 5eafadc2..d93b71ae 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.ts @@ -6,7 +6,9 @@ import { ContentChild, OnDestroy, OnInit, - TemplateRef + TemplateRef, + ViewChild, + ViewContainerRef } from '@angular/core'; import { Subscription } from 'rxjs'; import { ParticipantService } from '../../services/participant/participant.service'; @@ -59,6 +61,10 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit { */ @ContentChild('stream', { read: TemplateRef }) streamTemplate: TemplateRef; + /** + * @ignore + */ + @ViewChild('layout', { static: false, read: ViewContainerRef }) layoutContainer: ViewContainerRef; /** * @ignore */ @@ -93,9 +99,7 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit { } ngAfterViewInit() { - let timeout: number = 100; - this.layoutService.initialize(timeout); - this.layoutService.update(timeout); + this.layoutService.initialize(this.layoutContainer.element.nativeElement); } ngOnDestroy() { diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css index b35a8ada..6c461912 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css @@ -107,7 +107,7 @@ height: 100%; position: relative; overflow: hidden; - background-color: #000000; + background-color: transparent; border-radius: var(--ov-video-radius); } diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html index e0e21694..815dd860 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html @@ -1,6 +1,7 @@
@@ -65,14 +66,6 @@ volume_off {{ 'STREAM.UNMUTE_SOUND' | translate }} - -