neoris/openvidu-livekit-tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mute local videos. angular-cli udpated to release version

Browse Source
This commit is contained in:
pabloFuente 2017-08-30 11:21:58 +02:00
parent 7b6944c873
commit 8d26b880c6
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openvidu-insecure-angular/package.json
View File

@ -27,7 +27,7 @@
"devDependencies": {
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"@angular/cli": "1.0.0-rc.1",
"@angular/cli": "1.0.0",
"@angular/compiler-cli": "^2.4.0",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",

6
openvidu-insecure-angular/src/app/app.component.html
View File

@ -25,14 +25,14 @@
<input class="btn btn-large btn-danger" type="button" id="buttonLeaveSession" (click)="leaveSession()" value="Leave session">
</div>
<div *ngIf="this.mainVideoStream" id="main-video" class="col-md-6">
<stream-component [stream]="this.mainVideoStream"></stream-component>
<stream-component [stream]="this.mainVideoStream" [isMuted]="true"></stream-component>
</div>
<div id="video-container" class="col-md-6">
<div *ngIf="this.localStream" class="stream-container col-md-6 col-xs-6">
<stream-component [stream]="this.localStream" (mainVideoStream)="getMainVideoStream($event)"></stream-component>
<stream-component [stream]="this.localStream" [isMuted]="true" (mainVideoStream)="getMainVideoStream($event)"></stream-component>
</div>
<div *ngFor="let s of this.remoteStreams" class="stream-container col-md-6 col-xs-6">
<stream-component [stream]="s" (mainVideoStream)="getMainVideoStream($event)"></stream-component>
<stream-component [stream]="s" [isMuted]="false" (mainVideoStream)="getMainVideoStream($event)"></stream-component>
</div>
</div>
</div>

7
openvidu-insecure-angular/src/app/stream.component.ts
View File

@ -26,8 +26,8 @@ import { Stream } from 'openvidu-browser';
}`],
template: `
<div>
<video autoplay="true" [src]="videoSrc" [id]="'native-video-' + this.stream.connection.connectionId + '_webcam'"
(click)="this.videoClicked()"></video>
<video [src]="videoSrc" [id]="'native-video-' + this.stream.connection.connectionId + '_webcam'"
(click)="this.videoClicked()" autoplay="true" [muted]="this.isMuted"></video>
<div [id]="'data-' + this.stream.connection.connectionId"><p>{{this.getNicknameTag()}}</p></div>
</div>`
})
@ -36,6 +36,9 @@ export class StreamComponent implements DoCheck {
@Input()
stream: Stream;
@Input()
isMuted: boolean;
@Output()
mainVideoStream = new EventEmitter();