Skip to content

Commit 32a2f19

Browse files
enablexerenablexer
committed
first commit
0 parents  commit 32a2f19

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+6763
-0
lines changed

‎README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# Multiparty-Video-Sample-Web-Application

‎assets/css/box.css

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
.box_vcx_player{
2+
width:100%;
3+
height:100%;
4+
position:relative;
5+
background-color:black;
6+
overflow:hidden;
7+
}
8+
.box_vcx_player_loader{
9+
width:100%;
10+
height:100%;
11+
position:absolute;
12+
}
13+
.box_vcx_player_screen_saver{
14+
width:100%;
15+
height:100%;
16+
position:absolute;
17+
z-index: 1;
18+
}
19+
.box_vcx_stream{
20+
width:100%;
21+
height:100%;
22+
position:absolute;
23+
object-fit: fill;
24+
}
25+
.box_vcx_bar{
26+
height:100%;
27+
width:100%;
28+
position:absolute;
29+
}
30+
.box_vcx_subbar_bottom{
31+
width:100%;
32+
height: 16.5%;
33+
max-height: 60px;
34+
color:#aaa;
35+
font-size: 0.9em;
36+
position:absolute;
37+
bottom:0;
38+
text-shadow: 2px 2px 0 #222;
39+
background: linear-gradient( to bottom, #444, #222 );
40+
background-position: bottom;
41+
z-index: 2;
42+
background-position: bottom;
43+
}
44+
.box_vcx_subbar_top{
45+
width:100%;
46+
height: 16.5%;
47+
max-height: 60px;
48+
color:#aaa;
49+
font-size: 0.9em;
50+
position:absolute;
51+
top:0;
52+
background: linear-gradient( to bottom, #444, #222 );
53+
text-shadow: 2px 2px 0 #222;
54+
background-position: top !important;
55+
z-index: 2;
56+
background-position: bottom;
57+
}
58+
.box_vcx_subbar_left{
59+
width:15%;
60+
height:100%;
61+
max-width:30px;
62+
color:#aaa;
63+
font-size: 0.9em;
64+
position:absolute;
65+
left:0;
66+
border-radius: 8px 8px 8px 8px;
67+
background: linear-gradient( to bottom, #444, #222 );
68+
background-position: bottom;
69+
}
70+
.box_vcx_subbar_right{
71+
width:15%;
72+
height:100%;
73+
font-size: 0.9em;
74+
max-width:30px;
75+
color:#aaa;
76+
position:absolute;
77+
right:0;
78+
border-radius: 8px 8px 8px 8px;
79+
background-position: bottom;
80+
}
81+
.box_icon{
82+
margin: 3px;
83+
max-width: 6%;
84+
cursor: pointer;
85+
padding: 5px;
86+
border: 1px solid;
87+
position:relative;
88+
top: calc(50% - 18px);
89+
}
90+
.box_icon:hover{
91+
color:#ccc;
92+
}
93+
.box_icon_record{
94+
max-width:30px;
95+
color:#f00;
96+
cursor:pointer
97+
}
98+
.box_icon_play{
99+
font-size: 1.3em;
100+
margin-left: 12px;
101+
}
102+
.box_brand_logo{
103+
max-width: 40px;
104+
max-height: 40px;
105+
cursor: pointer;
106+
position: absolute;
107+
right: 0px;
108+
margin: 3px 3px 5px 5px;
109+
}
110+
.box_theater_view{
111+
margin: 0px !important;
112+
width: 100% !important;
113+
height: 80% !important;
114+
}
115+
.box_theater_view i {
116+
padding: 14px;
117+
margin: 0.5%;
118+
}
119+
.box_theater_view .vcx_subbar{
120+
height: 27%;
121+
max-height: 60px;
122+
}
123+
.box_theater_view .box_brand_logo {
124+
max-width: 50px;
125+
max-height: 50px;
126+
height: 45px;
127+
width: 45px;
128+
margin: 7px 11px 5px 5px;
129+
}
130+
.box_full_view{
131+
width: 100% !important;
132+
height: 100% !important;
133+
margin: 0px !important;
134+
top: 0px;
135+
left: 0px;
136+
position: fixed !important;
137+
z-index : 3;
138+
}
139+
.box_full_view i {
140+
padding: 17px;
141+
margin: 0.5%;
142+
}
143+
.box_full_view .vcx_subbar {
144+
height: 23%;
145+
max-height: 70px;
146+
}
147+
.box_full_view .box_brand_logo {
148+
max-width: 50px;
149+
max-height: 50px;
150+
height: 50px;
151+
width: 50px;
152+
margin: 8px 11px 5px 5px;
153+
}

‎assets/css/classic.css

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
.classic_vcx_player{
2+
width:104%;
3+
height:100%;
4+
position:relative;
5+
background-color:black;
6+
overflow:hidden;
7+
}
8+
.classic_vcx_player_loader{
9+
width:100%;
10+
height:100%;
11+
position:absolute;
12+
}
13+
.classic_vcx_player_screen_saver{
14+
width:100%;
15+
height:100%;
16+
position:absolute;
17+
z-index: 1;
18+
}
19+
.classic_vcx_stream{
20+
width:100%;
21+
height:100%;
22+
position:absolute;
23+
}
24+
.classic_vcx_bar{
25+
height:100%;
26+
width:100%;
27+
position:absolute;
28+
}
29+
.classic_vcx_subbar_bottom{
30+
width:100%;
31+
height: 16.5%;
32+
max-height: 60px;
33+
color:#000;
34+
font-size: 0.9em;
35+
position:absolute;
36+
bottom:0;
37+
background-position: bottom;
38+
z-index: 2;
39+
background-position: bottom;
40+
}
41+
.classic_vcx_subbar_top{
42+
width:100%;
43+
height: 16.5%;
44+
max-height: 60px;
45+
color:#aaa;
46+
font-size: 0.9em;
47+
position:absolute;
48+
top:0;
49+
background-position: top !important;
50+
z-index: 2;
51+
background-position: bottom;
52+
}
53+
.classic_vcx_subbar_left{
54+
width:15%;
55+
height:100%;
56+
max-width:30px;
57+
color:#aaa;
58+
font-size: 0.9em;
59+
position:absolute;
60+
left:0;
61+
border-radius: 8px 8px 8px 8px;
62+
background: linear-gradient( to bottom, #444, #222 );
63+
background-position: bottom;
64+
}
65+
.classic_vcx_subbar_right{
66+
width:15%;
67+
height:100%;
68+
font-size: 0.9em;
69+
max-width:30px;
70+
color:#aaa;
71+
position:absolute;
72+
right:0;
73+
border-radius: 8px 8px 8px 8px;
74+
background-position: bottom;
75+
}
76+
.classic_icon{
77+
margin: 1.3%;
78+
max-width: 6%;
79+
cursor: pointer;
80+
padding: 2.1%;
81+
border: 1px solid;
82+
border-radius: 50%;
83+
}
84+
.classic_icon:hover{
85+
color:#423c3c;
86+
}
87+
.classic_icon_record{
88+
max-width:30px;
89+
color:#f00;
90+
cursor:pointer
91+
}
92+
.classic_icon_play{
93+
font-size: 1.3em;
94+
margin-left: 12px;
95+
}
96+
.classic_brand_logo{
97+
max-width: 40px;
98+
max-height: 40px;
99+
cursor: pointer;
100+
position: absolute;
101+
right: 0px;
102+
margin: 3px 3px 5px 5px;
103+
}
104+
.classic_theater_view{
105+
margin: 0px !important;
106+
width: 100% !important;
107+
height: 80% !important;
108+
}
109+
.classic_theater_view i {
110+
padding: 14px;
111+
margin: 0.5%;
112+
}
113+
.classic_theater_view .vcx_subbar{
114+
height: 27%;
115+
max-height: 60px;
116+
}
117+
.classic_theater_view .classic_brand_logo {
118+
max-width: 50px;
119+
max-height: 50px;
120+
height: 45px;
121+
width: 45px;
122+
margin: 7px 11px 5px 5px;
123+
}
124+
.classic_full_view{
125+
width: 100% !important;
126+
height: 100% !important;
127+
margin: 0px !important;
128+
top: 0px;
129+
left: 0px;
130+
position: fixed !important;
131+
z-index : 3;
132+
}
133+
.classic_full_view i {
134+
padding: 17px;
135+
margin: 0.5%;
136+
}
137+
.classic_full_view .vcx_subbar {
138+
height: 23%;
139+
max-height: 70px;
140+
}
141+
.classic_full_view .classic_brand_logo {
142+
max-width: 50px;
143+
max-height: 50px;
144+
height: 50px;
145+
width: 50px;
146+
margin: 8px 11px 5px 5px;
147+
}

0 commit comments

Comments
 (0)