From 8d26b880c654ee75ea7fccb6ae0ffc8f8cbb8194 Mon Sep 17 00:00:00 2001
From: pabloFuente <pablofuenteperez@gmail.com>
Date: Wed, 30 Aug 2017 11:21:58 +0200
Subject: [PATCH] Mute local videos. angular-cli udpated to release version

---
 openvidu-insecure-angular/package.json                | 2 +-
 openvidu-insecure-angular/src/app/app.component.html  | 6 +++---
 openvidu-insecure-angular/src/app/stream.component.ts | 7 +++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/openvidu-insecure-angular/package.json b/openvidu-insecure-angular/package.json
index 126c3d86..4cda57b6 100644
--- a/openvidu-insecure-angular/package.json
+++ b/openvidu-insecure-angular/package.json
@@ -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",
diff --git a/openvidu-insecure-angular/src/app/app.component.html b/openvidu-insecure-angular/src/app/app.component.html
index 8db72a0a..358dfb2c 100644
--- a/openvidu-insecure-angular/src/app/app.component.html
+++ b/openvidu-insecure-angular/src/app/app.component.html
@@ -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>
diff --git a/openvidu-insecure-angular/src/app/stream.component.ts b/openvidu-insecure-angular/src/app/stream.component.ts
index 7581fb48..f0edf3f7 100644
--- a/openvidu-insecure-angular/src/app/stream.component.ts
+++ b/openvidu-insecure-angular/src/app/stream.component.ts
@@ -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();