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

openvidu-testapp: streamAudioVolumeChange event added

pull/173/head
pabloFuente 2018-12-07 11:42:02 +01:00
parent 5ac41f3471
commit 5f1565cac0
2 changed files with 37 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@ import {
import {
OpenVidu, Session, Subscriber, Publisher, VideoInsertMode, StreamEvent, ConnectionEvent,
SessionDisconnectedEvent, SignalEvent, RecordingEvent,
PublisherSpeakingEvent, PublisherProperties, StreamPropertyChangedEvent, OpenViduError, FilterEvent
PublisherSpeakingEvent, PublisherProperties, StreamPropertyChangedEvent, OpenViduError
} from 'openvidu-browser';
import {
OpenVidu as OpenViduAPI,

39
openvidu-testapp/src/app/components/video/video.component.ts
View File

@ -76,12 +76,14 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: true,
videoElementDestroyed: true,
streamPlaying: true,
streamAudioVolumeChange: false,
streamPropertyChanged: false
};
this.updateSubscriberEvents({
videoElementCreated: false,
videoElementDestroyed: false,
streamPlaying: false,
streamAudioVolumeChange: true,
streamPropertyChanged: true
});
@ -91,6 +93,7 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: true,
videoElementDestroyed: true,
streamPlaying: true,
streamAudioVolumeChange: false,
accessAllowed: true,
accessDenied: true,
accessDialogOpened: true,
@ -105,6 +108,7 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: false,
videoElementDestroyed: false,
streamPlaying: false,
streamAudioVolumeChange: true,
accessAllowed: false,
accessDenied: false,
accessDialogOpened: false,
@ -156,6 +160,7 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: this.eventCollection.videoElementCreated,
videoElementDestroyed: this.eventCollection.videoElementDestroyed,
streamPlaying: this.eventCollection.streamPlaying,
streamAudioVolumeChange: this.eventCollection.streamAudioVolumeChange,
streamPropertyChanged: this.eventCollection.streamPropertyChanged
};
this.streamManager = this.streamManager.stream.session.subscribe(subscriber.stream, undefined);
@ -273,6 +278,7 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: !this.eventCollection.videoElementCreated,
videoElementDestroyed: !this.eventCollection.videoElementDestroyed,
streamPlaying: !this.eventCollection.streamPlaying,
streamAudioVolumeChange: !this.eventCollection.streamAudioVolumeChange,
accessAllowed: !this.eventCollection.accessAllowed,
accessDenied: !this.eventCollection.accessDenied,
accessDialogOpened: !this.eventCollection.accessDialogOpened,
@ -350,6 +356,19 @@ export class VideoComponent implements OnInit, OnDestroy {
sub.off('streamPlaying');
}
if (this.eventCollection.streamAudioVolumeChange) {
if (!oldValues.streamAudioVolumeChange) {
sub.on('streamAudioVolumeChange', (event: StreamManagerEvent) => {
this.updateEventListInParent.emit({
event: 'streamAudioVolumeChange',
content: event.value['newValue']
});
});
}
} else {
sub.off('streamAudioVolumeChange');
}
if (this.eventCollection.streamPropertyChanged) {
if (!oldValues.streamPropertyChanged) {
sub.on('streamPropertyChanged', (e: StreamPropertyChangedEvent) => {
@ -508,6 +527,19 @@ export class VideoComponent implements OnInit, OnDestroy {
} else {
pub.off('streamPlaying');
}
if (this.eventCollection.streamAudioVolumeChange) {
if (!oldValues.streamAudioVolumeChange) {
pub.on('streamAudioVolumeChange', (event: StreamManagerEvent) => {
this.updateEventListInParent.emit({
event: 'streamAudioVolumeChange',
content: event.value['newValue']
});
});
}
} else {
pub.off('streamAudioVolumeChange');
}
}
openSubscriberEventsDialog() {
@ -515,6 +547,7 @@ export class VideoComponent implements OnInit, OnDestroy {
videoElementCreated: this.eventCollection.videoElementCreated,
videoElementDestroyed: this.eventCollection.videoElementDestroyed,
streamPlaying: this.eventCollection.streamPlaying,
streamAudioVolumeChange: this.eventCollection.streamAudioVolumeChange,
streamPropertyChanged: this.eventCollection.streamPropertyChanged
};
const dialogRef = this.dialog.open(EventsDialogComponent, {
@ -522,7 +555,7 @@ export class VideoComponent implements OnInit, OnDestroy {
eventCollection: this.eventCollection,
target: 'Subscriber'
},
width: '280px',
width: '295px',
autoFocus: false,
disableClose: true
});
@ -531,12 +564,12 @@ export class VideoComponent implements OnInit, OnDestroy {
});
}
openPublisherEventsDialog() {
const oldValues = {
videoElementCreated: this.eventCollection.videoElementCreated,
videoElementDestroyed: this.eventCollection.videoElementDestroyed,
streamPlaying: this.eventCollection.streamPlaying,
streamAudioVolumeChange: this.eventCollection.streamAudioVolumeChange,
accessAllowed: this.eventCollection.accessAllowed,
accessDenied: this.eventCollection.accessDenied,
accessDialogOpened: this.eventCollection.accessDialogOpened,
@ -550,7 +583,7 @@ export class VideoComponent implements OnInit, OnDestroy {
eventCollection: this.eventCollection,
target: 'Publisher'
},
width: '280px',
width: '295px',
autoFocus: false,
disableClose: true
});