ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-testapp listens to 'videoElementDestroyed' event of 'Publisher' and 'Subscriber'

pull/30/head
pabloFuente 2018-02-27 14:47:03 +01:00
parent 33e29b26c3
commit 7d64b242f4
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css
View File

@ -92,7 +92,7 @@ mat-radio-button {
.event-list-div { .event-list-div {
display: inline-block; display: inline-block;
width: 125px; width: 130px;
height: 183.5px; height: 183.5px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
@ -115,7 +115,7 @@ mat-chip {
} }
.scroll-custom::-webkit-scrollbar { .scroll-custom::-webkit-scrollbar {
width: 7px; width: 5px;
background-color: #F5F5F5; background-color: #F5F5F5;
} }

4
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
View File

@ -107,7 +107,7 @@
</div> </div>
</div> </div>
<div *ngIf="session.connection" fxLayout> <div *ngIf="session.connection" fxLayout>
<div fxFlex="135px" class="video-container"> <div fxFlex="140px" class="video-container">
<div class="event-list-div scroll-custom"> <div class="event-list-div scroll-custom">
<mat-accordion [attr.id]="'events-' + session.connection.connectionId" class="event-list"> <mat-accordion [attr.id]="'events-' + session.connection.connectionId" class="event-list">
@ -121,7 +121,7 @@
</mat-accordion> </mat-accordion>
</div> </div>
</div> </div>
<div [attr.id]="'remote-vid-' + session.connection.connectionId" fxFlex="270px" class="video-container"> <div [attr.id]="'remote-vid-' + session.connection.connectionId" fxFlex="240px" class="video-container">
<div [attr.id]="'local-vid-' + session.connection.connectionId"></div> <div [attr.id]="'local-vid-' + session.connection.connectionId"></div>
</div> </div>
</div> </div>

7
openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
View File

@ -488,6 +488,9 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
subscriber.on('videoPlaying', (e) => { subscriber.on('videoPlaying', (e) => {
this.updateEventList('videoPlaying', e.element.id); this.updateEventList('videoPlaying', e.element.id);
}); });
subscriber.on('videoElementDestroyed', (e) => {
this.updateEventList('videoElementDestroyed', '(Subscriber)');
});
this.subscribers[subscriber.stream.connection.connectionId] = { 'subscriber': subscriber, 'subbed': true }; this.subscribers[subscriber.stream.connection.connectionId] = { 'subscriber': subscriber, 'subbed': true };
} }
this.updateEventList('streamCreated', event.stream.connection.connectionId); this.updateEventList('streamCreated', event.stream.connection.connectionId);
@ -559,6 +562,10 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
publisher.on('streamDestroyed', (e) => { publisher.on('streamDestroyed', (e) => {
this.updateEventList('streamDestroyed', e.stream.connection.connectionId); this.updateEventList('streamDestroyed', e.stream.connection.connectionId);
}); });
publisher.on('videoElementDestroyed', (e) => {
this.updateEventList('videoElementDestroyed', '(Publisher)');
});
} }
} }