Browse Source

Implemented spreed logo video overlay.

pull/17/merge
Simon Eisenmann 12 years ago
parent
commit
7feb8f1ae5
  1. 17
      src/styles/components/_audiovideo.scss
  2. BIN
      static/img/logo-overlay.png
  3. 1
      static/partials/audiovideo.html
  4. 1
      static/partials/audiovideopeer.html

17
src/styles/components/_audiovideo.scss

@ -66,6 +66,23 @@ right:520px; @@ -66,6 +66,23 @@ right:520px;
color: #9dd53a;
}
.remoteVideo .overlaylogo {
position:absolute;
right:4%;
top:4%;
width:20%;
height:20%;
max-height:40px;
max-width:111px;
background-image: url(../img/logo-overlay.png);
background-size:100%;
background-repeat:no-repeat;
background-position:center;
opacity:0.5;
z-index:2;
pointer-events: none;
}
.localVideo video {
border:1px solid transparent;
}

BIN
static/img/logo-overlay.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

1
static/partials/audiovideo.html

@ -1,6 +1,7 @@ @@ -1,6 +1,7 @@
<div id="card">
<div id="local">
<video id="localVideo" autoplay="autoplay" muted="true"></video>
<div class="overlaylogo"></div>
</div>
<div id="remote">
<div id="remoteVideos"></div>

1
static/partials/audiovideopeer.html

@ -5,4 +5,5 @@ @@ -5,4 +5,5 @@
<a title="{{_('Start chat')}}" ng-click="doChat()" class="btn btn-default"><i class="fa fa-comments-o"></i></a>
</div>
<div class="onlyaudio"><i class="fa fa-eye-close"></i></div>
<div class="overlaylogo"></div>
</div>
Loading…
Cancel
Save