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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ucservice",
3
3
  "private": false,
4
- "version": "1.6.8",
4
+ "version": "1.7.1",
5
5
  "description": "统一通信服务",
6
6
  "main": "dist/ucservice.common.js",
7
7
  "style": "ucservice.css",
@@ -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: 200px;
91
- height: 30px;
92
- line-height: 30px;
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: -15px;
97
- margin-left: -100px;
204
+ margin-top: -1rem;
205
+ margin-left: -7.1rem;
98
206
  color: #fff;
99
- font-size: 16px;
100
- padding-left: 30px;
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: 76px;
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;
@@ -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>' +