ucservice 1.6.9 → 1.7.2

package/dist/ucservice.css

@@ -1 +1 @@
-.video-main{position:absolute;top:0;left:-25px;right:-12px;bottom:-18px}.video-main-full{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-main-full>li,.video-main>li{border:1px solid #aaa;float:left;position:relative}.video-main-full>li.loading,.video-main>li.loading{background:#000}.video-main-full>li:hover,.video-main>li:hover{border:1px solid #ffb951}.video-main-full>li.sel,.video-main>li.sel{border:1px solid #ef8601}.video-main-full.mode-1>li,.video-main.mode-1>li{width:98.5%;height:98.5%;list-style:none}.video-main-full.mode-1>li .info,.video-main.mode-1>li .info{font-size:20px;bottom:40px}.video-main.mode-4>li{width:49%;height:49%;list-style:none}.video-main.mode-4>li .info{font-size:18px;bottom:20px}.video-main.mode-6>li{width:33.33%;height:33.33%}.video-main.mode-6>li .info{font-size:14px;bottom:13px}.video-main.mode-6 .screen-1{width:66.66%;height:66.65%}.video-main.mode-6 .screen-1 .info{font-size:18px;bottom:30px}.video-main.mode-9>li{width:32.5%;height:32.5%;list-style:none}.video-main.mode-9>li .info{font-size:12px;bottom:14px}.video-main.mode-16>li{width:24.5%;height:24.5%;list-style:none}.video-main.mode-16>li .info{font-size:8px;bottom:10px}.video-box{-o-object-fit:fill;object-fit:fill;display:none;width:100%;height:100%}.video-main.mode-4 .close-btn{width:1.1rem;height:1.1rem}.video-main.mode-9 .close-btn{width:.95rem;height:.95rem}.video-main.mode-16 .close-btn{width:.85rem;height:.85rem}.video-main.mode-4 .recv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .recv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .recv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .unrecv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .unrecv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .unrecv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .rotate-btn{bottom:3px;right:4.8rem;width:1.5rem;height:1.5rem}.video-main.mode-9 .rotate-btn{bottom:3px;right:4.2rem;width:1.42rem;height:1.42rem}.video-main.mode-16 .rotate-btn{bottom:3px;right:3.7rem;width:1.3rem;height:1.3rem}.video-main.mode-9 .stream-loading{width:11.4rem;height:2.1rem;line-height:2.1rem;font-size:15px;background-size:15px}.video-main.mode-16 .stream-loading{width:9.3rem;height:2.1rem;line-height:2.1rem;font-size:14px;background-size:14px;margin-left:5.7rem}.video-main.mode-16 .real-result,.video-main.mode-16 .result{font-size:12px}.stream-loading{width:14rem;height:2.1rem;line-height:2.1rem;position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-7.1rem;color:#fff;font-size:1.14rem;padding-left:2.1rem}.info{color:#fff;left:10px;width:67%}.info,.operate-btn{position:absolute;float:left;z-index:1}.operate-btn{width:1.5rem;height:1.5rem;right:1px;bottom:2px;cursor:pointer}.send-audio-btn{width:2rem;height:2rem}.send-audio-btn,.unsend-audio-btn{position:absolute;bottom:-8px;right:70px;border:0;float:left;background-size:100% 100%;background-color:transparent}.unsend-audio-btn{width:3rem;height:3rem}.rotate-btn{position:absolute;bottom:1px;right:6.07rem;border:0;width:1.75rem;height:1.75rem;float:left;background-size:100% 100%;background-color:transparent}.recv-audio-btn{width:2rem;height:2rem}.recv-audio-btn,.unrecv-audio-btn{position:absolute;bottom:-8px;right:30px;border:0;float:left;background-size:100% 100%;background-color:transparent}.unrecv-audio-btn{width:3rem;height:3rem}.close-btn{position:absolute;bottom:5px;right:5px;border:0;width:1.25rem;height:1.25rem;float:left;background-size:100% 100%;background-color:transparent}.operation{position:absolute;width:100%;height:12%;bottom:0;background:rgba(0,0,0,.3);color:#fff}.hide{display:none}
+.video-main{position:absolute;top:0;left:-25px;right:-12px;bottom:-18px}.video-main-full{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-main-full>li,.video-main>li{border:1px solid #aaa;float:left;position:relative}.video-main-full>li.loading,.video-main>li.loading{background:#000}.video-main-full>li:hover,.video-main>li:hover{border:1px solid #ffb951}.video-main-full>li.sel,.video-main>li.sel{border:1px solid #ef8601}.video-main-full.mode-1>li,.video-main.mode-1>li{width:98.5%;height:98.5%;list-style:none}.video-main-full.mode-1>li .info,.video-main.mode-1>li .info{font-size:20px;bottom:40px}.video-main.mode-4>li{width:49%;height:49%;list-style:none}.video-main.mode-4>li .info{font-size:18px;bottom:20px}.video-main.mode-6>li{width:33.33%;height:33.33%}.video-main.mode-6>li .info{font-size:14px;bottom:13px}.video-main.mode-6 .screen-1{width:66.66%;height:66.65%}.video-main.mode-6 .screen-1 .info{font-size:18px;bottom:30px}.video-main.mode-9>li{width:32.5%;height:32.5%;list-style:none}.video-main.mode-9>li .info{font-size:12px;bottom:14px}.video-main.mode-16>li{width:24.5%;height:24.5%;list-style:none}.video-main.mode-16>li .info{font-size:8px;bottom:10px}.video-box{-o-object-fit:fill;object-fit:fill;display:none;width:100%;height:100%}.video-main .video-box.scale-scene{width:100%!important;height:100%!important;-o-object-fit:fill!important;object-fit:fill!important}.video-main.mode-4 .close-btn{width:1.1rem;height:1.1rem}.video-main.mode-9 .close-btn{width:.95rem;height:.95rem}.video-main.mode-16 .close-btn{width:.85rem;height:.85rem}.video-main.mode-4 .recv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .recv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .recv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .unrecv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .unrecv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .unrecv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .rotate-btn{bottom:3px;right:4.8rem;width:1.5rem;height:1.5rem}.video-main.mode-9 .rotate-btn{bottom:3px;right:4.2rem;width:1.42rem;height:1.42rem}.video-main.mode-16 .rotate-btn{bottom:3px;right:3.7rem;width:1.3rem;height:1.3rem}.video-main.mode-4 .scale-btn{bottom:3px;right:6.8rem;width:1.5rem;height:1.5rem}.video-main.mode-9 .scale-btn{bottom:3px;right:6.2rem;width:1.42rem;height:1.42rem}.video-main.mode-16 .scale-btn{bottom:3px;right:5.7rem;width:1.3rem;height:1.3rem}.video-main.mode-9 .stream-loading{width:11.4rem;height:2.1rem;line-height:2.1rem;font-size:15px;background-size:15px}.video-main.mode-16 .stream-loading{width:9.3rem;height:2.1rem;line-height:2.1rem;font-size:14px;background-size:14px;margin-left:5.7rem}.video-main.mode-16 .real-result,.video-main.mode-16 .result{font-size:12px}.stream-loading{width:14rem;height:2.1rem;line-height:2.1rem;position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-7.1rem;color:#fff;font-size:1.14rem;padding-left:2.1rem}.info{color:#fff;left:10px;width:67%}.info,.operate-btn{position:absolute;float:left;z-index:1}.operate-btn{width:1.5rem;height:1.5rem;right:1px;bottom:2px;cursor:pointer}.send-audio-btn,.unsend-audio-btn{bottom:-8px;right:70px;width:3rem;height:3rem}.rotate-btn,.send-audio-btn,.unsend-audio-btn{position:absolute;border:0;float:left;background-size:100% 100%;background-color:transparent}.rotate-btn{bottom:1px;right:6.07rem;width:1.75rem;height:1.75rem}.rotate-btn .bggray,.scale-btn .bggray{filter:grayscale(100%)}.scale-btn{position:absolute;bottom:1px;right:8.6rem;border:0;width:1.75rem;height:1.75rem;float:left;background-size:100% 100%;background-color:transparent}.recv-audio-btn,.unrecv-audio-btn{bottom:-8px;right:30px;width:3rem;height:3rem}.close-btn,.recv-audio-btn,.unrecv-audio-btn{position:absolute;border:0;float:left;background-size:100% 100%;background-color:transparent}.close-btn{bottom:5px;right:5px;width:1.25rem;height:1.25rem}.operation{position:absolute;width:100%;height:12%;bottom:0;background:rgba(0,0,0,.3);color:#fff}.hide{display:none}

package/dist/ucservice.umd.js

@@ -14291,6 +14291,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         let li = $(this).parent().parent()[0];
         me.videoRotateSize(li, rotateIndex); //jquery方式阻止默认事件 & 冒泡事件
 
+        return false;
+      });
+      videoFlagObj.find('button[name=scaleVideo]').click(function () {
+        let isgray = $(this).hasClass('bggray');
+        if (isgray) $(this).parent().parent().find('.video-box').addClass('scale-scene');else $(this).parent().parent().find('.video-box').removeClass('scale-scene');
+        $(this).toggleClass("bggray"); //jquery方式阻止默认事件 & 冒泡事件
+
         return false;
       }); //接收音频事件
 
@@ -14763,7 +14770,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         videoHtml += '<li class="screen screen-' + i + '" index="' + (i - 1) + '" draggable="true"><video muted class="video-box" id="video-' + i + '" autoplay ></video>' + '<div class="hide info ' + position + '" id="info-' + i + '"></div>' + '<div class="hide frame-decoded" id="frame-decoded-' + i + '"style="position:absolute;float:left;color:#fff;width:67%;z-index:1;top:135px;left:180px">网络信号不佳</div>' + '<div class="operate-btn">'; //videoHtml +='<button type="button" class="unlock-video-btn hide" name="lockVideo"></button>';
         // checkUserMediaAvailable() && 
 
-        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>';
+        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>';
         videoHtml += '<button type="button" class="unrecv-audio-btn hide" name="recvAudio"></button>' + '<button type="button" class="close-btn hide" name="closeVideo"></button>' + '</div>' + '</li>';
       }