ucservice 1.6.8 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ucservice.common.js +1 -1
- package/dist/ucservice.common.js.gz +0 -0
- package/dist/ucservice.common.js.map +1 -1
- package/dist/ucservice.css +1 -1
- package/dist/ucservice.umd.js +1 -1
- package/dist/ucservice.umd.js.gz +0 -0
- package/dist/ucservice.umd.js.map +1 -1
- package/dist/ucservice.umd.min.js +1 -1
- package/dist/ucservice.umd.min.js.gz +0 -0
- package/dist/ucservice.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/css/scooper.video.css +131 -8
- package/src/scooper.video.js +1 -1
package/package.json
CHANGED
|
@@ -86,18 +86,126 @@
|
|
|
86
86
|
width: 100%;
|
|
87
87
|
height: 100%;
|
|
88
88
|
}
|
|
89
|
+
.video-main .video-box.scale-scene{
|
|
90
|
+
width: 100%!important;
|
|
91
|
+
height: 100%!important;
|
|
92
|
+
object-fit: fill!important;
|
|
93
|
+
}
|
|
94
|
+
.video-main.mode-4 .close-btn {
|
|
95
|
+
width: 1.1rem;
|
|
96
|
+
height: 1.1rem;
|
|
97
|
+
}
|
|
98
|
+
.video-main.mode-9 .close-btn {
|
|
99
|
+
width: 0.95rem;
|
|
100
|
+
height: 0.95rem;
|
|
101
|
+
}
|
|
102
|
+
.video-main.mode-16 .close-btn {
|
|
103
|
+
width: 0.85rem;
|
|
104
|
+
height: 0.85rem;
|
|
105
|
+
}
|
|
106
|
+
.video-main.mode-4 .recv-audio-btn {
|
|
107
|
+
bottom: -4px;
|
|
108
|
+
right: 1.8rem;
|
|
109
|
+
width: 2.5rem;
|
|
110
|
+
height: 2.5rem;
|
|
111
|
+
}
|
|
112
|
+
.video-main.mode-9 .recv-audio-btn {
|
|
113
|
+
bottom: -3px;
|
|
114
|
+
right: 1.6rem;
|
|
115
|
+
width: 2.2rem;
|
|
116
|
+
height: 2.2rem;
|
|
117
|
+
}
|
|
118
|
+
.video-main.mode-16 .recv-audio-btn {
|
|
119
|
+
bottom: -2px;
|
|
120
|
+
right: 1.4rem;
|
|
121
|
+
width: 2rem;
|
|
122
|
+
height: 2rem;
|
|
123
|
+
}
|
|
124
|
+
.video-main.mode-4 .unrecv-audio-btn {
|
|
125
|
+
bottom: -4px;
|
|
126
|
+
right: 1.8rem;
|
|
127
|
+
width: 2.5rem;
|
|
128
|
+
height: 2.5rem;
|
|
129
|
+
}
|
|
130
|
+
.video-main.mode-9 .unrecv-audio-btn {
|
|
131
|
+
bottom: -3px;
|
|
132
|
+
right: 1.6rem;
|
|
133
|
+
width: 2.2rem;
|
|
134
|
+
height: 2.2rem;
|
|
135
|
+
}
|
|
136
|
+
.video-main.mode-16 .unrecv-audio-btn {
|
|
137
|
+
bottom: -2px;
|
|
138
|
+
right: 1.4rem;
|
|
139
|
+
width: 2rem;
|
|
140
|
+
height: 2rem;
|
|
141
|
+
}
|
|
142
|
+
.video-main.mode-4 .rotate-btn {
|
|
143
|
+
bottom: 3px;
|
|
144
|
+
right: 4.8rem;
|
|
145
|
+
width: 1.5rem;
|
|
146
|
+
height: 1.5rem;
|
|
147
|
+
}
|
|
148
|
+
.video-main.mode-9 .rotate-btn {
|
|
149
|
+
bottom: 3px;
|
|
150
|
+
right: 4.2rem;
|
|
151
|
+
width: 1.42rem;
|
|
152
|
+
height: 1.42rem;
|
|
153
|
+
}
|
|
154
|
+
.video-main.mode-16 .rotate-btn {
|
|
155
|
+
bottom: 3px;
|
|
156
|
+
right: 3.7rem;
|
|
157
|
+
width: 1.3rem;
|
|
158
|
+
height: 1.3rem;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.video-main.mode-4 .scale-btn {
|
|
162
|
+
bottom: 3px;
|
|
163
|
+
right: 6.8rem;
|
|
164
|
+
width: 1.5rem;
|
|
165
|
+
height: 1.5rem;
|
|
166
|
+
}
|
|
167
|
+
.video-main.mode-9 .scale-btn {
|
|
168
|
+
bottom: 3px;
|
|
169
|
+
right: 6.2rem;
|
|
170
|
+
width: 1.42rem;
|
|
171
|
+
height: 1.42rem;
|
|
172
|
+
}
|
|
173
|
+
.video-main.mode-16 .scale-btn {
|
|
174
|
+
bottom: 3px;
|
|
175
|
+
right: 5.7rem;
|
|
176
|
+
width: 1.3rem;
|
|
177
|
+
height: 1.3rem;
|
|
178
|
+
}
|
|
179
|
+
.video-main.mode-9 .stream-loading {
|
|
180
|
+
width: 11.4rem;
|
|
181
|
+
height: 2.1rem;
|
|
182
|
+
line-height: 2.1rem;
|
|
183
|
+
font-size: 15px;
|
|
184
|
+
background-size: 15px;
|
|
185
|
+
}
|
|
186
|
+
.video-main.mode-16 .stream-loading {
|
|
187
|
+
width: 9.3rem;
|
|
188
|
+
height: 2.1rem;
|
|
189
|
+
line-height: 2.1rem;
|
|
190
|
+
font-size: 14px;
|
|
191
|
+
background-size: 14px;
|
|
192
|
+
margin-left: 5.7rem;
|
|
193
|
+
}
|
|
194
|
+
.video-main.mode-16 .real-result, .video-main.mode-16 .result {
|
|
195
|
+
font-size: 12px;
|
|
196
|
+
}
|
|
89
197
|
.stream-loading{
|
|
90
|
-
width:
|
|
91
|
-
height:
|
|
92
|
-
line-height:
|
|
198
|
+
width: 14rem;
|
|
199
|
+
height: 2.1rem;
|
|
200
|
+
line-height: 2.1rem;
|
|
93
201
|
position: absolute;
|
|
94
202
|
top: 50%;
|
|
95
203
|
left: 50%;
|
|
96
|
-
margin-top: -
|
|
97
|
-
margin-left: -
|
|
204
|
+
margin-top: -1rem;
|
|
205
|
+
margin-left: -7.1rem;
|
|
98
206
|
color: #fff;
|
|
99
|
-
font-size:
|
|
100
|
-
padding-left:
|
|
207
|
+
font-size: 1.14rem;
|
|
208
|
+
padding-left: 2.1rem;
|
|
101
209
|
/* background: transparent url("~@/img/loading.gif") no-repeat 10px center; */
|
|
102
210
|
}
|
|
103
211
|
.info{
|
|
@@ -152,7 +260,22 @@
|
|
|
152
260
|
.rotate-btn {
|
|
153
261
|
position: absolute;
|
|
154
262
|
bottom: 1px;
|
|
155
|
-
right:
|
|
263
|
+
right: 6.07rem;
|
|
264
|
+
border: 0;
|
|
265
|
+
width: 1.75rem;
|
|
266
|
+
height: 1.75rem;
|
|
267
|
+
float: left;
|
|
268
|
+
/* background-image: url("~@/img/yy_gb.png"); */
|
|
269
|
+
background-size: 100% 100%;
|
|
270
|
+
background-color: rgba(0,0,0,0);
|
|
271
|
+
}
|
|
272
|
+
.rotate-btn .bggray, .scale-btn .bggray{
|
|
273
|
+
filter: grayscale(100%);
|
|
274
|
+
}
|
|
275
|
+
.scale-btn {
|
|
276
|
+
position: absolute;
|
|
277
|
+
bottom: 1px;
|
|
278
|
+
right: 8.6rem;
|
|
156
279
|
border: 0;
|
|
157
280
|
width: 1.75rem;
|
|
158
281
|
height: 1.75rem;
|
package/src/scooper.video.js
CHANGED
|
@@ -2803,7 +2803,7 @@
|
|
|
2803
2803
|
'<div class="operate-btn">';
|
|
2804
2804
|
//videoHtml +='<button type="button" class="unlock-video-btn hide" name="lockVideo"></button>';
|
|
2805
2805
|
// checkUserMediaAvailable() &&
|
|
2806
|
-
videoHtml += '<button type="button" class="rotate-btn hide" name="rotateVideo" rotate-index="0" title="视频旋转"></button><button type="button" class="unsend-audio-btn hide" name="sendAudio"></button>';
|
|
2806
|
+
videoHtml += '<button type="button" class="scale-btn bggray hide" name="scaleVideo" title="视频画面铺满"></button><button type="button" class="rotate-btn hide" name="rotateVideo" rotate-index="0" title="视频旋转"></button><button type="button" class="unsend-audio-btn hide" name="sendAudio"></button>';
|
|
2807
2807
|
videoHtml += '<button type="button" class="unrecv-audio-btn hide" name="recvAudio"></button>' +
|
|
2808
2808
|
'<button type="button" class="close-btn hide" name="closeVideo"></button>' +
|
|
2809
2809
|
'</div>' +
|