Implemented audio only styles for own video.

src/styles/components/_audiovideo.scss

@@ -114,6 +114,19 @@
     object-fit: cover;
   }
 
+  .onlyaudio {
+    color: $video-onlyaudio;
+    display: none;
+    font-size: 80px;
+    left: 0;
+    margin-top: -40px;
+    pointer-events: auto;
+    position: absolute;
+    right: 0;
+    text-align: center;
+    top: 45%;
+  }
+
   .remoteContainer {
     bottom: 0;
     left: 0;
@@ -144,6 +157,17 @@
     }
   }
 
+  &.cameraMute .miniContainer,
+  &.cameraMute .localContainer {
+    .onlyaudio {
+      display: block;
+    }
+
+    video {
+      visibility: hidden;
+    }
+  }
+
   .miniVideo {
     display: block;
     height: 100%;
@@ -226,19 +250,6 @@
       }
     }
 
-    .onlyaudio {
-      color: $video-onlyaudio;
-      display: none;
-      font-size: 80px;
-      left: 0;
-      margin-top: -40px;
-      pointer-events: auto;
-      position: absolute;
-      right: 0;
-      text-align: center;
-      top: 45%;
-    }
-
     &.onlyaudio video,
     &.dummy video {
       visibility: hidden;

static/partials/audiovideo.html

@@ -1,13 +1,15 @@
-<div class="audiovideo">
+<div class="audiovideo" ng-class="{'cameraMute': cameraMute, 'microphoneMute': microphoneMute}">
   <div class="audiovideoBase">
     <div class="localContainer">
         <video class="localVideo" autoplay="autoplay" muted="true"></video>
+        <div class="onlyaudio"><i class="fa fa-eye-slash"></i></div>
         <div class="overlayLogo"></div>
     </div>
     <div class="remoteContainer">
       <div class="remoteVideos nicescroll"></div>
       <div class="miniContainer" ng-class="{talking: talking}">
         <video class="miniVideo" autoplay="autoplay" muted="true"></video>
+        <div class="onlyaudio"><i class="fa fa-eye-slash"></i></div>
       </div>
     </div>
   </div>