procyberian
/
projectx
Archived
forked from Albatross/projectx
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request 'width x height fixed' (#16) from video-size-fix into master

Browse Source 
Reviewed-on: xcoder/projectx#16
#8 fixed
master
Mustafa Yontar 5 years ago
parent ca00e32800 01500c61df
commit 087700dc4d
2 changed files with 16 additions and 9 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 19
      src/lib/RemoteFeed.vue
  2. 6
      src/lib/VueJanus.vue

19
src/lib/RemoteFeed.vue
Unescape View File

@ -1,7 +1,8 @@
<template>
<div class="vid_main" @mouseleave="showaction = false" @mouseover="showaction = true">
<video ref="feed_video" width="100%" height="100%" autoplay playsinline/>
<div class="info">{{ bitrate }}</div>
<v-card max-height="150" height="150" dark
class="vid_main" @mouseleave="showaction = false" @mouseover="showaction = true">
<video ref="feed_video" class="vid_container" autoplay playsinline/>
<div class="infor">{{ bitrate }}</div>
<div class="infoSlow">Slow Connection</div>
<div class="infoName">{{ remoteStream.display }}</div>
<div class="actions" v-show="showaction">
@ -12,7 +13,7 @@
dark
></v-slider>
</div>
</div>
</v-card>
</template>
<script>
@ -155,6 +156,10 @@
.vid_main {
position: relative;
}
.vid_container {
width: 100%;
height: 100%;
}
.infoSlow {
position: absolute;
right: 0;
@ -162,15 +167,17 @@
color:#fff;
display:none
}
.info {
.infor {
position: absolute;
right: 0;
top:0;
font-size: 10px;
text-shadow: 1px 1px #000;
}
.infoName {
position: absolute;
left: 5px;
top:5px;
top:10px;
color:#fff;
font-size: 10px;
text-shadow: 1px 1px #000;

6
src/lib/VueJanus.vue
Unescape View File

@ -86,15 +86,15 @@
</v-card>
</v-dialog>
<v-row>
<v-col cols="12" md="3">
<v-col cols="12" md="2">
<video ref="ownstream" class="rounded centered" id="myvideo" width="100%" height="100%" autoplay
playsinline muted="muted"/>
</v-col>
<v-col cols="12" md="3" style="display: none">
<v-col cols="12" md="2" style="display: none">
<video ref="ownstreamscreen" class="rounded centered" id="myvideo2" width="100%" height="100%" autoplay
playsinline muted="muted"/>
</v-col>
<v-col cols="12" md="3" v-for="remoteStream in remoteStreams" :key="remoteStream.id">
<v-col cols="12" md="2" v-for="remoteStream in remoteStreams" :key="remoteStream.id">
<RemoteFeed :opaqueId="opaqueId" :mypvtid="mypvtid" :feedid="remoteStream.id" :remote-stream="remoteStream" :janusInit="janusInit" :room="room" ></RemoteFeed>
</v-col>
</v-row>