2 lines
59 KiB
JavaScript
2 lines
59 KiB
JavaScript
/*! version=0.0.1 Sun Nov 01 2020 10:16:12 GMT+0800 (GMT+08:00) */
|
|
!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n();else if("function"==typeof define&&define.amd)define([],n);else{var o=n();for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(window,(function(){return function(e){var n={};function o(i){if(n[i])return n[i].exports;var t=n[i]={i:i,l:!1,exports:{}};return e[i].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=e,o.c=n,o.d=function(e,n,i){o.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,n){if(1&n&&(e=o(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)o.d(i,t,function(n){return e[n]}.bind(null,t));return i},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="",o(o.s=9)}([function(e){e.exports=JSON.parse('{"a":"0.0.1"}')},function(e,n){e.exports='\x3c!-- 发起视频弹窗 --\x3e\n<div class="m-start-video-box J_Start_Video_Modal hide">\n <i class="btn-close-img J_Close_Start_Box"></i>\n <p class="video-waring-tips J_Video_Warning_Tips hide"></p>\n <div class="send-text J_Send_Video_Text_Desc">\n \x3c!-- 等待对方接受视频通话邀请 --\x3e\n \x3c!-- <em class="dot">...</em> --\x3e\n </div>\n <div class="wy-scc-users J_Receive_Video_Users">\n \x3c!-- 模板 --\x3e\n \x3c!-- <div class="user">\n <img src="xxxHTMLLINKxxx0.73608861750287980.8431732805811969xxx" alt="">\n <div class="name"></div>\n </div> --\x3e\n </div>\n <div class="btn-cancel-send-video J_Cancel_Video">挂断</div>\n</div>\n'},function(e,n){e.exports='\x3c!-- 接收视频弹窗 --\x3e\n<div class="m-receive-video-box hide J_Receive_Video_Moadl">\n <i class="btn-close-img J_Close_Receive_Box"></i>\n <p class="video-waring-tips J_Video_Warning_Tips hide"></p>\n <div class="main-sender J_Main_Sender">\n \x3c!-- 默认模板 --\x3e\n \x3c!-- <img src="">\n <div class="doctor-name">医生姓名</div>\n <div class="tetx-desc">邀请您进行视频通话</div> --\x3e\n </div>\n <div class="other-sender J_Other_Senders">\n \x3c!-- 默认模板 --\x3e\n \x3c!-- <div class="user-item">\n <img src="xxxHTMLLINKxxx0.5950405005704080.2214810223338659xxx">\n <div class="name">医生姓</div>\n </div> --\x3e\n </div>\n <div class="wy-scc-btns-area">\n <div class="wy-scc-btn-reject wy-scc-btn J_Reject_Video">挂断</div>\n <div class="wy-scc-btn-answer wy-scc-btn J_Answer_Video">接听</div>\n </div>\n</div>\n'},function(e,n){e.exports='<div class="m-in-video-box hide J_In_Video_Moadl p2">\n \x3c!-- 上面板 --\x3e\n <div class="title-panel J_Can_Drag">\n \x3c!-- 操作显示区域 --\x3e\n <div class="icon-area">\n <div class="vedio-setting-icon top-icon J_To_Setting_Video J_Can_Not_Drag">\n <div class="vedio-setting-desc icon-desc">\n 设置\n </div>\n </div>\n <div class="vedio-max-icon top-icon J_Max_Or_Min J_Can_Not_Drag">\n <div class="vedio-max-desc icon-desc J_Max_Or_Min_Desc">\n 最大化\n </div>\n </div>\n <div class="vedio-close-icon top-icon J_To_CloseVideo J_Can_Not_Drag">\n <div class="vedio-close-desc icon-desc">\n 关闭\n </div>\n </div>\n </div>\n </div>\n \x3c!-- 视频区域 --\x3e\n <div class="video-area J_Video_Area">\n \x3c!-- 两人视频切换按钮 --\x3e\n <div class="switch-video-btn J_To_Switch_Size"></div>\n \x3c!-- 视频人数 --\x3e\n <div class="video-local J_Video_Local video-wrapper J_Video_Wrapper">\n <video id="echat-local" autoplay></video>\n </div>\n <div class="video1 J_Video_Remote_1 video-wrapper J_Video_Wrapper">\n <video id="echat-remote-1" autoplay></video>\n </div>\n </div>\n \x3c!-- 下面板 --\x3e\n <div class="bottom-panel">\n \x3c!-- 麦克风 --\x3e\n <div class="mike-icon bottom-icon J_Mike J_Bottom_Icon"></div>\n \x3c!-- 摄像头 --\x3e\n <div class="camera-icon bottom-icon J_Camera J_Bottom_Icon"></div>\n \x3c!-- 截屏 --\x3e\n <div class="screen-icon bottom-icon J_Screen J_Bottom_Icon"></div>\n <div class="right-area">\n <div class="J_To_CloseVideo reject">挂断</div>\n </div>\n </div>\n \x3c!-- 结束视频弹窗提示 --\x3e\n <div class="endVideo-modal hide J_EndVideo_AlertBox">\n <div class="top-area">\n <div class="tips">提示</div>\n <div class="to-close J_Close_End_AlertBox"></div>\n </div>\n <div class="content-area">\n <div class="content-tips">您确定要结束视频通话吗？</div>\n <div class="confirm wy-scc-btn J_Confirm_End_Video">确定</div>\n <div class="cancel wy-scc-btn J_Cancel_End_Video">取消</div>\n </div>\n </div>\n</div>\n'},function(e,n){e.exports='<div class="m-video-setting J_Video_Setting hide">\n <div class="top-area">\n <div class="close J_Close_Setting"></div>\n <div class="title">音视频设置</div>\n </div>\n <div class="content-area">\n <div class="select-area">\n \x3c!-- 摄像头 列表--\x3e\n <div class="select-item J_Select_Carmer">\n <div class="select-box down J_Setting_Select_Box">\n <div class="text J_Carmer_Current">请选择</div>\n <div class="select-content hide J_Select_Content J_Select_Carmer_Content">\n <div class="item J_Carmer_Select_Item J_Seting_Select_Item">无数据</div>\n </div>\n </div>\n <div class="icon camera-icon"></div>\n </div>\n \x3c!-- 麦克风 列表--\x3e\n <div class="select-item J_Select_Mike">\n <div class="select-box up J_Setting_Select_Box">\n <div class="text J_Mike_Current">请选择</div>\n <div class="select-content hide J_Select_Content J_Select_Mike_Content">\n <div class="item J_Mike_Select_Item J_Seting_Select_Item">无数据</div>\n </div>\n </div>\n <div class="icon mike-icon"></div>\n </div>\n \x3c!-- 音响 列表--\x3e\n <div class="select-item J_Select_Speader">\n <div class="select-box down J_Setting_Select_Box">\n <div class="text J_Speader_Current">请选择</div>\n <div class="select-content hide J_Select_Content J_Select_Speader_Content">\n <div class="item J_Speader_Select_Item J_Seting_Select_Item">无数据</div>\n </div>\n </div>\n <div class="icon speader-icon"></div>\n </div>\n </div>\n </div>\n <div class="button-area J_To_Confirm_Setting">确定</div>\n</div>\n'},function(e,n,o){var i=o(6);"string"==typeof i&&(i=[[e.i,i,""]]);var t={insert:"head",singleton:!1};o(8)(i,t);i.locals&&(e.exports=i.locals)},function(e,n,o){(e.exports=o(7)(!1)).push([e.i,"/* 三个点动画 */\n@keyframes dot {\n 33% {\n transform: translateY(-2em);\n }\n 66% {\n transform: translateY(-1em);\n }\n}\n#wy-web-scc-video .m-start-video-box {\n box-sizing: border-box;\n position: fixed;\n z-index: 2000;\n width: 400px;\n height: 300px;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n}\n#wy-web-scc-video .m-start-video-box .btn-close-img {\n position: absolute;\n right: 9px;\n top: 9px;\n width: 14px;\n height: 14px;\n cursor: pointer;\n background: url('https://kano.guahao.cn/1cN302173162') no-repeat center;\n background-size: 200%;\n opacity: 0.8;\n}\n#wy-web-scc-video .m-start-video-box .btn-close-img:hover {\n opacity: 1;\n}\n#wy-web-scc-video .m-start-video-box .send-text {\n text-align: center;\n font-size: 12px;\n color: #FFF;\n font-weight: 400;\n margin-top: 40px;\n}\n#wy-web-scc-video .m-start-video-box .send-text .dot {\n display: inline-block;\n text-align: left;\n height: 1em;\n line-height: 1;\n vertical-align: -0.25em;\n overflow: hidden;\n}\n#wy-web-scc-video .m-start-video-box .send-text .dot::before {\n display: block;\n content: \"...\\A..\\A.\";\n white-space: pre-wrap;\n animation: dot 3s infinite step-start both;\n}\n#wy-web-scc-video .m-start-video-box .wy-scc-users {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n margin-top: 44px;\n flex-wrap: wrap;\n}\n#wy-web-scc-video .m-start-video-box .wy-scc-users .wy-scc-user {\n width: 60px;\n margin-right: 30px;\n text-align: center;\n}\n#wy-web-scc-video .m-start-video-box .wy-scc-users .wy-scc-user:last-child {\n margin-right: 0;\n}\n#wy-web-scc-video .m-start-video-box .wy-scc-users .wy-scc-user img {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n}\n#wy-web-scc-video .m-start-video-box .wy-scc-users .wy-scc-user .wy-scc-name {\n display: inline-block;\n max-width: 60px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #FFF;\n font-weight: 400;\n font-size: 14px;\n}\n#wy-web-scc-video .m-start-video-box .btn-cancel-send-video {\n position: absolute;\n bottom: 40px;\n box-sizing: border-box;\n width: 80px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 4px;\n background-color: #F35E5E;\n color: #FFF;\n font-weight: 400;\n font-size: 14px;\n cursor: pointer;\n background-image: url('https://kano.guahao.cn/HEH302232210');\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: 16px 10px;\n padding-left: 17px;\n}\n/* 接收方视频弹窗样式 */\n#wy-web-scc-video .m-receive-video-box {\n box-sizing: border-box;\n position: fixed;\n z-index: 2000;\n width: 400px;\n height: 300px;\n top: 50%;\n left: 50%;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n}\n#wy-web-scc-video .m-receive-video-box .btn-close-img {\n position: absolute;\n right: 9px;\n top: 9px;\n width: 14px;\n height: 14px;\n cursor: pointer;\n background: url('https://kano.guahao.cn/1cN302173162') no-repeat center;\n background-size: 200%;\n opacity: 0.8;\n}\n#wy-web-scc-video .m-receive-video-box .btn-close-img:hover {\n opacity: 1;\n}\n#wy-web-scc-video .m-receive-video-box .main-sender {\n display: flex;\n width: 100%;\n flex-direction: column;\n align-items: center;\n margin-top: 16px;\n}\n#wy-web-scc-video .m-receive-video-box .main-sender img {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n}\n#wy-web-scc-video .m-receive-video-box .main-sender .wy-scc-doctor-name {\n margin-top: 8px;\n font-size: 16px;\n color: #FFF;\n font-weight: 500;\n}\n#wy-web-scc-video .m-receive-video-box .main-sender .wy-scc-tetx-desc {\n margin-top: 4px;\n font-size: 12px;\n color: #FFF;\n}\n#wy-web-scc-video .m-receive-video-box .other-sender {\n margin-top: 30px;\n display: flex;\n justify-content: center;\n}\n#wy-web-scc-video .m-receive-video-box .other-sender .wy-scc-user-item {\n margin-right: 8px;\n width: 48px;\n text-align: center;\n}\n#wy-web-scc-video .m-receive-video-box .other-sender .wy-scc-user-item:last-child {\n margin-right: 0;\n}\n#wy-web-scc-video .m-receive-video-box .other-sender .wy-scc-user-item img {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: inline-block;\n}\n#wy-web-scc-video .m-receive-video-box .other-sender .wy-scc-user-item .wy-scc-name {\n width: 48px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: center;\n font-size: 12px;\n color: #FFF;\n font-weight: 400;\n}\n#wy-web-scc-video .m-receive-video-box .wy-scc-btns-area {\n position: absolute;\n width: 100%;\n bottom: 24px;\n display: flex;\n justify-content: center;\n}\n#wy-web-scc-video .m-receive-video-box .wy-scc-btns-area .wy-scc-btn {\n box-sizing: border-box;\n width: 80px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n border-radius: 4px;\n padding-left: 17px;\n font-size: 14px;\n font-weight: 400;\n color: #FFF;\n cursor: pointer;\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: 16px 10px;\n}\n#wy-web-scc-video .m-receive-video-box .wy-scc-btns-area .wy-scc-btn.wy-scc-btn-reject {\n background-image: url('https://kano.guahao.cn/HEH302232210');\n background-color: #F35E5E;\n}\n#wy-web-scc-video .m-receive-video-box .wy-scc-btns-area .wy-scc-btn.wy-scc-btn-answer {\n background-image: url('https://kano.guahao.cn/62G302230997');\n background-color: #3E7FEE;\n margin-left: 16px;\n}\n#wy-web-scc-video .m-in-video-box {\n box-sizing: border-box;\n position: fixed;\n z-index: 2000;\n background: rgba(0, 0, 0, 0.7);\n width: 400px;\n height: 300px;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper {\n z-index: 1;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper .name {\n box-sizing: border-box;\n width: 100%;\n height: 20px;\n line-height: 20px;\n position: absolute;\n top: 0;\n padding-left: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 100%);\n font-size: 10px;\n font-weight: 400;\n color: #FFF;\n}\n#wy-web-scc-video .m-in-video-box.full,\n#wy-web-scc-video .m-in-video-box.p2.full,\n#wy-web-scc-video .m-in-video-box.p3.full,\n#wy-web-scc-video .m-in-video-box.p4.full,\n#wy-web-scc-video .m-in-video-box.p5.full,\n#wy-web-scc-video .m-in-video-box.p6.full,\n#wy-web-scc-video .m-in-video-box.p7.full,\n#wy-web-scc-video .m-in-video-box.p8.full,\n#wy-web-scc-video .m-in-video-box.p9.full {\n position: fixed;\n z-index: 2000;\n background: rgba(0, 0, 0, 0.7);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: auto;\n height: auto;\n transform: none;\n}\n/* start: 视频最外层 */\n/* 2人 */\n#wy-web-scc-video .m-in-video-box.p2 {\n width: 400px;\n height: 300px;\n}\n#wy-web-scc-video .m-in-video-box.p3 {\n width: 400px;\n height: 300px;\n}\n/* 4人 2*2 */\n#wy-web-scc-video .m-in-video-box.p4 {\n width: 600px;\n height: 500px;\n}\n/* 5-6 3*2 */\n#wy-web-scc-video .m-in-video-box.p5,\n#wy-web-scc-video .m-in-video-box.p6 {\n width: 600px;\n height: 500px;\n}\n/* 7-9 3*3 */\n#wy-web-scc-video .m-in-video-box.p7,\n#wy-web-scc-video .m-in-video-box.p8,\n#wy-web-scc-video .m-in-video-box.p9 {\n width: 600px;\n height: 500px;\n}\n/* end: 视频最外层 */\n/* start: 语音最外层都为统一值 */\n#wy-web-scc-video .m-in-video-box.isVoice.p2,\n#wy-web-scc-video .m-in-video-box.isVoice.p3,\n#wy-web-scc-video .m-in-video-box.isVoice.p4,\n#wy-web-scc-video .m-in-video-box.isVoice.p5,\n#wy-web-scc-video .m-in-video-box.isVoice.p6,\n#wy-web-scc-video .m-in-video-box.isVoice.p7,\n#wy-web-scc-video .m-in-video-box.isVoice.p8,\n#wy-web-scc-video .m-in-video-box.isVoice.p9 {\n width: 400px;\n height: 300px;\n}\n/* end: 语音最外层都为统一值 */\n/* start: 视频区域 */\n#wy-web-scc-video .m-in-video-box .video-area {\n position: absolute;\n top: 20px;\n left: 0;\n right: 0;\n bottom: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .video-area {\n top: 30px;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .switch-video-btn {\n display: block;\n position: absolute;\n bottom: 0;\n right: 0;\n width: 20px;\n height: 20px;\n background-image: url('https://kano.guahao.cn/L7t302175247');\n background-repeat: no-repeat;\n background-color: rgba(0, 0, 0, 0.5);\n background-size: 100%;\n cursor: pointer;\n border-radius: 4px 0 0 0;\n z-index: 3;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper {\n overflow: hidden;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper video {\n position: absolute;\n width: 100%;\n height: 100%;\n object-fit: cover;\n overflow: hidden;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.ismobile video {\n object-fit: contain;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.is169.video1 video {\n object-fit: contain;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.video-local.is169.switch video {\n object-fit: contain;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.video-local.is169 video {\n object-fit: cover;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.is169.video1.switch video {\n object-fit: cover;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.video-local.ismobile video {\n object-fit: cover;\n}\n#wy-web-scc-video .m-in-video-box .video-area .video-wrapper.video-local video {\n object-fit: cover;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-local {\n position: absolute;\n top: auto;\n left: auto;\n bottom: 0;\n right: 0;\n width: 120px;\n height: 90px;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n background-size: cover;\n z-index: 2;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-local.ismobile {\n width: 100px;\n height: 75px;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-local.is169 {\n width: 90px;\n height: 160px;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-local.switch,\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-local.switch.ismobile {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n background-size: cover;\n width: auto;\n height: auto;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video1 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n background-size: cover;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video1.switch {\n position: absolute;\n top: auto;\n left: auto;\n bottom: 0;\n right: 0;\n width: 120px;\n height: 90px;\n background: url('https://kano.guahao.cn/0vX302172861') no-repeat center;\n background-size: cover;\n z-index: 2;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video1.switch.is169 {\n width: 90px;\n height: 160px;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-wrapper.ismobile.video1 {\n background: #111111;\n}\n#wy-web-scc-video .m-in-video-box.p2 .video-area .video-wrapper.ismobile.video1.switch {\n background: #111111;\n}\n#wy-web-scc-video .m-in-video-box.p3 .video-area .video-local {\n position: absolute;\n top: 0;\n left: 0;\n width: 70%;\n height: 100%;\n background-image: url('https://kano.guahao.cn/0vX302172861');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n background-size: cover;\n}\n#wy-web-scc-video .m-in-video-box.p3 .video-area .video1 {\n position: absolute;\n top: 0;\n left: 70%;\n width: 30%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0vX302172861');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n background-size: cover;\n}\n#wy-web-scc-video .m-in-video-box.p3 .video-area .video2 {\n position: absolute;\n top: 50%;\n left: 70%;\n width: 30%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0vX302172861');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n background-size: cover;\n}\n/* 4人 */\n#wy-web-scc-video .m-in-video-box.p4 .video-area .video-local {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p4 .video-area .video1 {\n position: absolute;\n top: 0;\n left: 50%;\n width: 50%;\n height: 50%;\n /* background: yellow; */\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p4 .video-area .video2 {\n position: absolute;\n top: 50%;\n left: 0;\n width: 50%;\n height: 50%;\n /* background: red; */\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p4 .video-area .video3 {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 50%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n/* 5人和6人*/\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video-local,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video-local {\n position: absolute;\n top: 0;\n left: 0;\n width: 33.3%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video1,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video1 {\n position: absolute;\n top: 0;\n left: 33.3%;\n width: 33.3%;\n height: 50%;\n /* background: yellow; */\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video2,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video2 {\n position: absolute;\n top: 0;\n left: 66.6%;\n width: 33.3%;\n height: 50%;\n /* background: yellow; */\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video3,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video3 {\n position: absolute;\n top: 50%;\n left: 0;\n width: 33.3%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video4,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video4 {\n position: absolute;\n top: 50%;\n left: 33.3%;\n width: 33.3%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p5 .video-area .video5,\n#wy-web-scc-video .m-in-video-box.p6 .video-area .video5 {\n position: absolute;\n top: 50%;\n left: 66.6%;\n width: 33.3%;\n height: 50%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n/* 7人、8人、9人 */\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video-local,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video-local,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video-local {\n position: absolute;\n top: 0;\n left: 0;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video1,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video1,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video1 {\n position: absolute;\n top: 0;\n left: 33.3%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video2,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video2,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video2 {\n position: absolute;\n top: 0;\n left: 66.6%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video3,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video3,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video3 {\n position: absolute;\n top: 33.3%;\n left: 0;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video4,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video4,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video4 {\n position: absolute;\n top: 33.3%;\n left: 33.3%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video5,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video5,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video5 {\n position: absolute;\n top: 33.3%;\n left: 66.6%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video6,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video6,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video6 {\n position: absolute;\n top: 66.6%;\n left: 0;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video7,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video7,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video7 {\n position: absolute;\n top: 66.6%;\n left: 33.3%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n#wy-web-scc-video .m-in-video-box.p7 .video-area .video8,\n#wy-web-scc-video .m-in-video-box.p8 .video-area .video8,\n#wy-web-scc-video .m-in-video-box.p9 .video-area .video8 {\n position: absolute;\n top: 66.6%;\n left: 66.6%;\n width: 33.3%;\n height: 33.3%;\n background-image: url('https://kano.guahao.cn/0I1302175489');\n background-repeat: no-repeat;\n background-color: #212121;\n background-position: center;\n}\n/* end: 视频区域 */\n#wy-web-scc-video .m-in-video-box .title-panel {\n width: 100%;\n height: 20px;\n background-color: #666;\n display: flex;\n cursor: move;\n flex-direction: row-reverse;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .left-area {\n height: 100%;\n flex: 1;\n display: flex;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .left-area .vedio-continu-time {\n width: 50px;\n margin-left: 10px;\n font-size: 12px;\n height: 100%;\n line-height: 20px;\n color: #fff;\n font-weight: 400;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .left-area .person-count-icon {\n box-sizing: border-box;\n width: 20px;\n height: 100%;\n background: url('https://kano.guahao.cn/cxl302166604') no-repeat center 4px;\n background-size: 12px 12px;\n margin-left: 16px;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .left-area .person-count {\n box-sizing: border-box;\n height: 100%;\n line-height: 20px;\n color: #FFF;\n font-size: 12px;\n font-weight: 400;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area {\n display: flex;\n height: 100%;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon {\n cursor: pointer;\n width: 20px;\n height: 100%;\n background-repeat: no-repeat;\n background-size: 100%;\n opacity: 1;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon .icon-desc {\n display: none;\n z-index: 2;\n height: 18px;\n line-height: 18px;\n font-size: 12px;\n font-weight: 400;\n color: #34384B;\n padding: 0 5px;\n position: absolute;\n top: 25px;\n border-radius: 2px;\n background-color: #FFF;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-setting-icon {\n background-image: url('https://kano.guahao.cn/wiV302170110');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-setting-icon:hover .vedio-setting-desc {\n display: block;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-min-icon {\n background-image: url('https://kano.guahao.cn/JuS302171131');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-min-icon:hover .vedio-min-desc {\n display: block;\n right: 40px;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-max-icon {\n background-image: url('https://kano.guahao.cn/wLW302170227');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-max-icon.normal {\n background-image: url('https://kano.guahao.cn/X1V302171986');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-max-icon:hover .vedio-max-desc {\n display: block;\n right: 20px;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-close-icon {\n background-image: url('https://kano.guahao.cn/1cN302173162');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-close-icon:hover .vedio-close-desc {\n display: block;\n right: 0px;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-signal-icon {\n background-image: url('https://kano.guahao.cn/FQq302173386');\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-signal-icon .vedio-signal-desc {\n z-index: 2;\n display: none;\n font-size: 14px;\n color: #FFF;\n position: absolute;\n padding: 10px;\n background: #000000;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);\n top: 25px;\n right: 60px;\n border-radius: 4px;\n}\n#wy-web-scc-video .m-in-video-box .title-panel .icon-area .top-icon.vedio-signal-icon:hover .vedio-signal-desc {\n display: block;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel {\n height: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .left-area .vedio-continu-time {\n line-height: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .left-area .person-count-icon {\n width: 30px;\n background-size: 15px 15px;\n background-position: center 7px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .left-area .person-count {\n line-height: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .icon-area .top-icon {\n width: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .icon-area .top-icon .icon-desc {\n top: 30px;\n}\n#wy-web-scc-video .m-in-video-box.full .title-panel .icon-area .top-icon.vedio-signal-icon .vedio-signal-desc {\n top: 35px;\n}\n/* 结束弹窗 */\n#wy-web-scc-video .m-in-video-box .endVideo-modal {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n box-sizing: border-box;\n width: 280px;\n border-radius: 4px;\n box-shadow: 0px 0px 25px 0px rgba(52, 56, 75, 0.25);\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .top-area {\n box-sizing: border-box;\n height: 48px;\n background-color: #F8FAFE;\n padding: 0 16px;\n display: flex;\n width: 100%;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .top-area .tips {\n box-sizing: border-box;\n height: 48px;\n line-height: 48px;\n color: #34384B;\n font-size: 18px;\n font-weight: 500;\n flex: 1;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .top-area .to-close {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n background: url('https://kano.guahao.cn/SC2302146254') no-repeat center;\n background-size: 16px 16px;\n margin-top: 14px;\n cursor: pointer;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .content-area {\n box-sizing: border-box;\n position: relative;\n width: 100%;\n height: 104px;\n background: #FFF;\n padding: 16px;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .content-area .content-tips {\n font-size: 14px;\n font-weight: 500;\n color: #34384B;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .content-area .wy-scc-btn {\n box-sizing: border-box;\n width: 56px;\n height: 28px;\n text-align: center;\n line-height: 28px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 400;\n position: absolute;\n bottom: 16px;\n cursor: pointer;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .content-area .wy-scc-btn.confirm {\n right: 84px;\n color: #FFF;\n background: #3E7FEE;\n}\n#wy-web-scc-video .m-in-video-box .endVideo-modal .content-area .wy-scc-btn.cancel {\n right: 16px;\n color: #3E7FEE;\n background: #EAF2FE;\n}\n/* 最小化视频弹窗 */\n#wy-web-scc-video .m-min-video-box {\n position: fixed;\n right: 0;\n bottom: 20px;\n cursor: pointer;\n width: 60px;\n height: 60px;\n background: url('https://kano.guahao.cn/et1302172635') no-repeat center;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel {\n box-sizing: border-box;\n display: flex;\n position: absolute;\n bottom: 0;\n height: 30px;\n padding: 5px 10px;\n background: rgba(51, 51, 51, 0.6);\n border-radius: 4px 4px 0px 0px;\n width: 100%;\n align-items: center;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon {\n width: 20px;\n height: 20px;\n background-repeat: no-repeat;\n background-size: 100%;\n cursor: pointer;\n margin-right: 20px;\n opacity: 0.8;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .right-area {\n display: flex;\n flex: 1;\n flex-direction: row-reverse;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .right-area .reject {\n box-sizing: border-box;\n cursor: pointer;\n width: 48px;\n height: 20px;\n background: #F35E5E;\n border-radius: 2px;\n text-align: center;\n line-height: 20px;\n color: #FFF;\n font-size: 12px;\n font-weight: 400;\n margin-left: 20px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon:hover {\n opacity: 1;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips {\n position: absolute;\n top: 30px;\n transform: translateX(-30%);\n font-size: 12px;\n color: #34384B;\n font-weight: 400;\n padding: 0 4px;\n height: 16px;\n line-height: 16px;\n border-radius: 2px;\n background: #FFF;\n box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.speader {\n left: 10px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.mike {\n left: 50px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.camera {\n left: 90px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.voice {\n left: 130px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.screen {\n left: 130px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.invite {\n left: 130px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .hover-tips.window {\n right: 68px;\n transform: translateX(20%);\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon:last-child {\n margin-right: 0px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon.speader-icon {\n background-image: url('https://kano.guahao.cn/sfy302149059');\n position: relative;\n align-self: flex-end;\n background-position-y: bottom;\n height: 120px;\n z-index: 1;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon.speader-icon.disabled {\n background-image: url('https://kano.guahao.cn/l74302149065');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .speader-icon .vol-change {\n position: absolute;\n left: -4px;\n bottom: 30px;\n width: 30px;\n height: 88px;\n background: rgba(0, 0, 0, 0.6);\n border-radius: 15px;\n z-index: 10;\n opacity: 1;\n display: none;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .bottom-icon.speader-icon:hover .vol-change {\n display: block;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .speader-icon .vol-change .vol-range {\n transform: rotate(-90deg);\n position: absolute;\n left: 50%;\n bottom: 32px;\n width: 56px;\n height: 20px;\n margin-left: -29px;\n bottom: 25px;\n box-sizing: border-box;\n border-radius: 10px;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .speader-icon .vol-change .number {\n display: inline-block;\n width: 100%;\n font-size: 12px;\n text-align: center;\n color: #fff;\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .mike-icon.disabled {\n background-image: url('https://kano.guahao.cn/qTn302149822');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .camera-icon.disabled {\n background-image: url('https://kano.guahao.cn/49j302148876');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .mike-icon {\n background-image: url('https://kano.guahao.cn/emr302148877');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .camera-icon {\n background-image: url('https://kano.guahao.cn/kct302148875');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .voice-icon {\n background-image: url('https://kano.guahao.cn/iH8302156614');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .screen-icon {\n background-image: url('https://kano.guahao.cn/FSv302156963');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .invite-icon {\n background-image: url('https://kano.guahao.cn/uHB302159287');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .window-icon.down {\n background-image: url('https://kano.guahao.cn/Qaa302165177');\n}\n#wy-web-scc-video .m-in-video-box .bottom-panel .window-icon.up {\n background-image: url('https://kano.guahao.cn/0vM302165313');\n}\n#wy-web-scc-video .m-video-setting {\n position: fixed;\n top: 50%;\n left: 50%;\n z-index: 2002;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n width: 320px;\n height: 488px;\n box-shadow: 0px 0px 25px 0px rgba(52, 56, 75, 0.25);\n border-radius: 4px;\n background: #FFF;\n}\n#wy-web-scc-video .m-video-setting .top-area {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n background: #f8fafe;\n display: flex;\n padding: 0 24px;\n flex-direction: row-reverse;\n}\n#wy-web-scc-video .m-video-setting .top-area .title {\n height: 48px;\n line-height: 48px;\n flex: 1;\n color: #34384B;\n font-size: 18px;\n font-weight: 500;\n}\n#wy-web-scc-video .m-video-setting .top-area .close {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n background: url('https://kano.guahao.cn/SC2302146254') no-repeat center;\n background-size: 20px 20px;\n margin-top: 14px;\n cursor: pointer;\n}\n#wy-web-scc-video .m-video-setting .button-area {\n box-sizing: border-box;\n position: absolute;\n width: 272px;\n height: 32px;\n background: #3e7fee;\n border-radius: 4px;\n line-height: 32px;\n text-align: center;\n bottom: 24px;\n font-size: 14px;\n color: #FFF;\n font-weight: 400;\n left: 50%;\n transform: translateX(-50%);\n cursor: pointer;\n}\n#wy-web-scc-video .m-video-setting .content-area {\n box-sizing: border-box;\n background: #FFF;\n padding: 24px 24px 0;\n}\n#wy-web-scc-video .m-video-setting .content-area .video-area {\n box-sizing: border-box;\n width: 272px;\n}\n#wy-web-scc-video .m-video-setting .content-area .video-area video {\n width: 100%;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area {\n margin-top: 16px;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item {\n box-sizing: border-box;\n width: 100%;\n height: 28px;\n display: flex;\n position: relative;\n flex-direction: row-reverse;\n margin-bottom: 8px;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box {\n box-sizing: border-box;\n color: #34384B;\n font-size: 12px;\n font-weight: 400;\n width: 241px;\n height: 28px;\n line-height: 28px;\n background: #ffffff;\n border-radius: 4px;\n border: 1px solid #dbe2f6;\n cursor: pointer;\n position: relative;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box.down {\n background-size: 14px 14px;\n background-position-x: 220px;\n background-position-y: center;\n background-repeat: no-repeat;\n background-image: url('https://kano.guahao.cn/6OQ302232416');\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box.up {\n background-size: 14px 14px;\n background-position-x: 220px;\n background-position-y: center;\n background-repeat: no-repeat;\n background-image: url('https://kano.guahao.cn/W8c302233160');\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 210px;\n padding-left: 8px;\n height: 28px;\n line-height: 28px;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box .select-content {\n width: 100%;\n box-sizing: border-box;\n position: absolute;\n z-index: 200;\n margin: 5px 0;\n padding: 8px 0;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box .select-content .item {\n box-sizing: border-box;\n margin: 0;\n line-height: normal;\n padding: 7px 8px;\n clear: both;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n list-style: none;\n cursor: pointer;\n transition: background-color 0.2s ease-in-out;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .select-box .select-content .item:hover {\n background-color: #f3f3f3;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .icon {\n flex: 1;\n height: 28px;\n background-position: left center;\n background-repeat: no-repeat;\n background-size: 14px;\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .icon.camera-icon {\n background-image: url('https://kano.guahao.cn/0IL302232501');\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .icon.mike-icon {\n background-image: url('https://kano.guahao.cn/EtQ302233237');\n}\n#wy-web-scc-video .m-video-setting .content-area .select-area .select-item .icon.speader-icon {\n background-image: url('https://kano.guahao.cn/O7E302232598');\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area {\n margin-top: 16px;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .tips {\n font-size: 12px;\n font-weight: 400;\n color: #a9b5ca;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .test-mike {\n box-sizing: border-box;\n height: 20px;\n margin-top: 8px;\n display: flex;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .test-mike .text-tips {\n box-sizing: border-box;\n width: 68px;\n height: 20px;\n background: #eaf2fe;\n border-radius: 4px;\n text-align: center;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n color: #3e7fee;\n margin-right: 8px;\n cursor: pointer;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .test-mike .numbers {\n display: flex;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .test-mike .numbers .number {\n box-sizing: border-box;\n width: 4px;\n height: 8px;\n background: #d5d9e3;\n border-radius: 4px;\n margin-right: 8px;\n margin-top: 6px;\n}\n#wy-web-scc-video .m-video-setting .content-area .test-area .test-mike .numbers .number.hascloud {\n background: #3E7FEE;\n}\n#wy-web-scc-video p {\n margin: 0;\n padding: 0;\n}\n#wy-web-scc-video .hide {\n display: none !important;\n}\n#wy-web-scc-video .video-waring-tips {\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n box-sizing: border-box;\n position: absolute;\n left: 50%;\n top: 34px;\n transform: translateX(-50%);\n border-radius: 4px;\n height: 28px;\n line-height: 28px;\n background-color: rgba(0, 0, 0, 0.5);\n font-size: 14px;\n font-weight: 400;\n color: #FFF;\n padding-right: 10px;\n padding-left: 30px;\n background-image: url('https://kano.guahao.cn/dfy302166363');\n background-size: 14px 14px;\n background-repeat: no-repeat;\n background-position: left;\n background-position-x: 10px;\n z-index: 10;\n}\n",""])},function(e,n,o){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var o=function(e,n){var o=e[1]||"",i=e[3];if(!i)return o;if(n&&"function"==typeof btoa){var t=(a=i,d=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(d),"/*# ".concat(r," */")),c=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot).concat(e," */")}));return[o].concat(c).concat([t]).join("\n")}var a,d,r;return[o].join("\n")}(n,e);return n[2]?"@media ".concat(n[2],"{").concat(o,"}"):o})).join("")},n.i=function(e,o){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},t=0;t<this.length;t++){var c=this[t][0];null!=c&&(i[c]=!0)}for(var a=0;a<e.length;a++){var d=e[a];null!=d[0]&&i[d[0]]||(o&&!d[2]?d[2]=o:o&&(d[2]="(".concat(d[2],") and (").concat(o,")")),n.push(d))}},n}},function(e,n,o){"use strict";var i,t={},c=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},a=function(){var e={};return function(n){if(void 0===e[n]){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}e[n]=o}return e[n]}}();function d(e,n){for(var o=[],i={},t=0;t<e.length;t++){var c=e[t],a=n.base?c[0]+n.base:c[0],d={css:c[1],media:c[2],sourceMap:c[3]};i[a]?i[a].parts.push(d):o.push(i[a]={id:a,parts:[d]})}return o}function r(e,n){for(var o=0;o<e.length;o++){var i=e[o],c=t[i.id],a=0;if(c){for(c.refs++;a<c.parts.length;a++)c.parts[a](i.parts[a]);for(;a<i.parts.length;a++)c.parts.push(g(i.parts[a],n))}else{for(var d=[];a<i.parts.length;a++)d.push(g(i.parts[a],n));t[i.id]={id:i.id,refs:1,parts:d}}}}function s(e){var n=document.createElement("style");if(void 0===e.attributes.nonce){var i=o.nc;i&&(e.attributes.nonce=i)}if(Object.keys(e.attributes).forEach((function(o){n.setAttribute(o,e.attributes[o])})),"function"==typeof e.insert)e.insert(n);else{var t=a(e.insert||"head");if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}return n}var l,p=(l=[],function(e,n){return l[e]=n,l.filter(Boolean).join("\n")});function b(e,n,o,i){var t=o?"":i.css;if(e.styleSheet)e.styleSheet.cssText=p(n,t);else{var c=document.createTextNode(t),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(c,a[n]):e.appendChild(c)}}function v(e,n,o){var i=o.css,t=o.media,c=o.sourceMap;if(t&&e.setAttribute("media",t),c&&btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var u=null,x=0;function g(e,n){var o,i,t;if(n.singleton){var c=x++;o=u||(u=s(n)),i=b.bind(null,o,c,!1),t=b.bind(null,o,c,!0)}else o=s(n),i=v.bind(null,o,n),t=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(o)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else t()}}e.exports=function(e,n){(n=n||{}).attributes="object"==typeof n.attributes?n.attributes:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=c());var o=d(e,n);return r(o,n),function(e){for(var i=[],c=0;c<o.length;c++){var a=o[c],s=t[a.id];s&&(s.refs--,i.push(s))}e&&r(d(e,n),n);for(var l=0;l<i.length;l++){var p=i[l];if(0===p.refs){for(var b=0;b<p.parts.length;b++)p.parts[b]();delete t[p.id]}}}}},function(e,n,o){"use strict";o.r(n);var i=o(0);o(5);function t(e,n){return new RegExp(" "+n+" ").test(" "+e.className+" ")}function c(e,n){t(e,n)||(e.className+=" "+n)}function a(e,n){if(t(e,n)){var o=new RegExp("(\\s|^)"+n+"(\\s)"),i=new RegExp("(\\s|^)"+n+"(\\s|$)");e.className.search(o)>-1?e.className=e.className.replace(o," "):e.className=e.className.replace(i,"")}}function d(e){e&&a(e,"hide")}function r(e){e&&c(e,"hide")}var s,l=o(1),p=o.n(l),b=o(2),v=o.n(b),u=o(3),x=o.n(u),g=o(4),w=o.n(g),m="https://kano.guahao.cn/mdE302143051";function h(e){if("J_Min_Video_Moadl"===e)return!1;var n=document.querySelector(".".concat(e)),o=document.documentElement.clientWidth,i=document.documentElement.clientHeight;document.querySelector(".".concat(e)).style.left="".concat(o/2-n.offsetWidth/2,"px"),document.querySelector(".".concat(e)).style.top="".concat(i/2-n.offsetHeight/2,"px")}function f(){["J_Start_Video_Modal","J_Receive_Video_Moadl","J_In_Video_Moadl","J_Video_Setting","J_EndVideo_AlertBox"].forEach((function(e){r(document.querySelector(".".concat(e)))}))}function y(e){f(),d(document.querySelector(".".concat(e))),h(e)}function _(e){return m}function k(e,n){var o=document.querySelector(".J_Video_Setting .".concat(e)),i="";n.length?n.forEach((function(e){var n='<div class="item J_Seting_Select_Item" data-id="'.concat(e.deviceId,'" data-kind="').concat(e.kind,'">').concat(e.label,"</div>");i+=n})):i='<div class="item">无数据</div>',o.innerHTML=i}(s=document.createElement("div")).id="wy-web-scc-video",s.classList.add("J_Video_Root"),s.innerHTML="".concat(p.a).concat(v.a).concat(x.a).concat(w.a),document.body.appendChild(s);var S={getVideoStatus:function(){return t(document.querySelector(".J_Start_Video_Modal"),"hide")?1:t(document.querySelector(".J_Receive_Video_Moadl"),"hide")?2:t(document.querySelector(".J_In_Video_Moadl"),"hide")?3:0},startVideoCancelCb:function(){},receiveVideoCancelCb:function(){},receiveVideoAnswerCb:function(){},hangUpVideoCb:function(){},openMikeCb:function(){},closeMikeCb:function(){},openCammerCb:function(){},closeCammerCb:function(){},toScreenCb:function(){}};function J(){return S}function C(){var e,n,o,i,c;e=document.querySelector(".J_In_Video_Moadl"),n=document.querySelectorAll(".J_Can_Not_Drag"),o=document.querySelector(".J_Can_Drag"),i=0,c=0,n.forEach((function(e){e.onmousedown=function(e){e.stopPropagation()}})),o.onmousedown=function(n){return 0===n.button&&!t(document.querySelector(".J_In_Video_Moadl"),"full")&&(i=n.clientX-e.offsetLeft,c=n.clientY-e.offsetTop,document.onmousemove=function(n){var o=n.clientX-i,t=n.clientY-c,a=document.documentElement.clientWidth-e.offsetWidth,d=document.documentElement.clientHeight-e.offsetHeight;return o=(o=o<0?0:o)>a?a:o,t=(t=t<0?0:t)>d?d:t,e.style.left=o+"px",e.style.top=t+"px",!1},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null},!1)}}function V(){document.querySelector(".J_To_Setting_Video").addEventListener("click",(function(e){e.stopPropagation(),d(document.querySelector(".J_Video_Setting")),document.querySelectorAll(".J_Video_Setting .J_Setting_Select_Box").forEach((function(e){a(e,"up"),c(e,"down")}))})),document.querySelector(".J_To_Switch_Size").addEventListener("click",(function(e){var n,o;n=document.querySelector(".J_Video_Local"),o=document.querySelector(".J_Video_Remote_1"),t(n,"switch")?(a(n,"switch"),a(o,"switch")):(c(n,"switch"),c(o,"switch"))})),document.querySelector(".J_Max_Or_Min").addEventListener("click",(function(e){var n,o,i;n=document.querySelector(".J_In_Video_Moadl"),o=!!t(n,"full"),i=document.querySelector(".J_Max_Or_Min_Desc"),o?a(n,"full"):c(n,"full"),o?a(document.querySelector(".J_Max_Or_Min"),"normal"):c(document.querySelector(".J_Max_Or_Min"),"normal"),i.innerText=o?"最大化":"还原",o?h("J_In_Video_Moadl"):(n.style.left="0px",n.style.top="0px")})),document.querySelectorAll(".J_To_CloseVideo").forEach((function(e){e.addEventListener("click",(function(e){d(document.querySelector(".J_EndVideo_AlertBox"))}))})),document.querySelector(".J_Close_End_AlertBox").addEventListener("click",(function(e){r(document.querySelector(".J_EndVideo_AlertBox"))})),document.querySelector(".J_Cancel_End_Video").addEventListener("click",(function(e){r(document.querySelector(".J_EndVideo_AlertBox"))})),document.querySelector(".J_Confirm_End_Video").addEventListener("click",(function(e){r(document.querySelector(".J_EndVideo_AlertBox")),f(),J().hangUpVideoCb()}))}function z(){var e;V(),(e=["J_Select_Carmer","J_Select_Mike","J_Select_Speader"]).forEach((function(n){document.querySelector(".J_Video_Setting .".concat(n)).addEventListener("click",(function(o){o.stopPropagation(),e.filter((function(e){return e!==n})).forEach((function(e){r(document.querySelector(".J_Video_Setting .".concat(e," .J_Select_Content"))),c(document.querySelector(".J_Video_Setting .".concat(e," .J_Setting_Select_Box")),"down"),a(document.querySelector(".J_Video_Setting .".concat(e," .J_Setting_Select_Box")),"up")})),t(this.querySelector(".J_Select_Content"),"hide")?(d(this.querySelector(".J_Select_Content")),c(this.querySelector(".J_Setting_Select_Box"),"up"),a(this.querySelector(".J_Setting_Select_Box"),"down")):(r(this.querySelector(".J_Select_Content")),c(this.querySelector(".J_Setting_Select_Box"),"down"),a(this.querySelector(".J_Setting_Select_Box"),"up"))}))})),[".J_Select_Carmer_Content",".J_Select_Mike_Content",".J_Select_Speader_Content"].forEach((function(e){document.querySelector(".J_Video_Setting ".concat(e)).addEventListener("click",(function(e){if(t(e.target,"J_Seting_Select_Item")){console.log(e.target.innerText);var n=e.target.getAttribute("data-kind"),o=e.target.innerText,i=e.target.parentNode.parentNode;a(i,"up"),c(i,"down"),"video"===n?document.querySelector(".J_Carmer_Current").innerText=o:"mike"===n?document.querySelector(".J_Mike_Current").innerText=o:"audio"===n&&(document.querySelector(".J_Speader_Current").innerText=o)}}))})),document.querySelector(".J_Close_Setting").addEventListener("click",(function(e){r(document.querySelector(".J_Video_Setting"))})),document.querySelector(".J_To_Confirm_Setting").addEventListener("click",(function(e){r(document.querySelector(".J_Video_Setting"))})),document.addEventListener("click",(function(e){document.querySelectorAll(".J_Video_Setting .J_Select_Content").forEach((function(e){r(e)})),document.querySelectorAll(".J_Video_Setting .J_Setting_Select_Box").forEach((function(e){a(e,"up"),c(e,"down")})),document.querySelector(".J_Video_Setting").contains(e.target)||r(document.querySelector(".J_Video_Setting"))})),document.querySelector(".J_Mike").addEventListener("click",(function(e){t(e.target,"J_Mike")&&(t(this,"disabled")?(a(this,"disabled"),J().openMikeCb()):(c(this,"disabled"),J().closeMikeCb()))})),document.querySelector(".J_Camera").addEventListener("click",(function(e){t(e.target,"J_Camera")&&(t(this,"disabled")?(a(this,"disabled"),J().openCammerCb()):(c(this,"disabled"),J().closeCammerCb()))})),document.querySelector(".J_In_Video_Moadl .J_Screen").addEventListener("click",(function(){J().toScreenCb()}))}function E(e){return(E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}o.d(n,"VIDEO_VIEW",(function(){return M})),console.log("%cVIDEO_VIEW version: ".concat(i.a),"color:purple;font-size:2em;"),C(),document.querySelector(".J_Close_Start_Box").addEventListener("click",(function(e){J().startVideoCancelCb(),f()})),document.querySelector(".J_Cancel_Video").addEventListener("click",(function(e){J().startVideoCancelCb(),f()})),document.querySelector(".J_Close_Receive_Box").addEventListener("click",(function(e){J().receiveVideoCancelCb(),f()})),document.querySelector(".J_Reject_Video").addEventListener("click",(function(e){J().receiveVideoCancelCb(),f()})),document.querySelector(".J_Answer_Video").addEventListener("click",(function(e){J().receiveVideoAnswerCb(),f()})),z();var M={configCallBack:function(e){if("object"!==E(e))return!1;J().startVideoCancelCb=e.startVideoCancelCb||function(){},J().receiveVideoCancelCb=e.receiveVideoCancelCb||function(){},J().receiveVideoAnswerCb=e.receiveVideoAnswerCb||function(){},J().hangUpVideoCb=e.hangUpVideoCb||function(){},J().openMikeCb=e.openMikeCb||function(){},J().closeMikeCb=e.closeMikeCb||function(){},J().openCammerCb=e.openCammerCb||function(){},J().closeCammerCb=e.closeCammerCb||function(){},J().toScreenCb=e.toScreenCb||function(){}},showStartVideoModalByReceiver:function(e){y("J_Start_Video_Modal"),function(e){var n="".concat("等待对方接受视频通话邀请",'<em class="dot">...</em>'),o=e.photo?'<img src="'.concat(e.photo,'" onerror="javascript:this.src=\'').concat(_(e.role),"';\">"):'<img src="'.concat(_(e.role),'">'),i='<div class="wy-scc-user">\n '.concat(o,'\n <div class="wy-scc-name">').concat(e.name||e.userName||"","</div>\n </div>");document.querySelector(".J_Send_Video_Text_Desc").innerHTML=n,document.querySelector(".J_Receive_Video_Users").innerHTML=i}(e)},showReceiveVideoModalBySender:function(e){y("J_Receive_Video_Moadl"),function(e){var n=e.photo?'<img src="'.concat(e.photo,'" onerror="javascript:this.src=\'').concat(_(e.role),"';\">"):'<img src="'.concat(_(e.role),'">'),o="".concat(n,'\n <div class="wy-scc-doctor-name">').concat(e.name||e.userName||"",'</div>\n <div class="wy-scc-tetx-desc">').concat("邀请您进行视频通话","</div>\n ");document.querySelector(".J_Main_Sender").innerHTML=o}(e)},showInvideoModal:function(){a(document.querySelector(".J_In_Video_Moadl"),"full"),document.querySelector(".J_Max_Or_Min_Desc").innerText="最大化",a(document.querySelector(".J_Max_Or_Min"),"normal"),h("J_In_Video_Moadl"),function(){var e=document.querySelector(".J_Video_Local"),n=document.querySelector(".J_Video_Remote_1");a(e,"switch"),a(n,"switch")}(),["J_Speader","J_Mike","J_Camera"].forEach((function(e){var n=document.querySelector(".J_In_Video_Moadl .".concat(e));n&&a(n,"disabled")})),y("J_In_Video_Moadl"),d(document.querySelector(".J_In_Video_Moadl .J_Video_Local")),d(document.querySelector(".J_In_Video_Moadl .J_Video_Remote_1"))},showDevicesNameByDevices:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=e.filter((function(e){return"audiooutput"===e.kind})),o=e.filter((function(e){return"videoinput"===e.kind})),i=e.filter((function(e){return"audioinput"===e.kind}));k("J_Select_Speader_Content",n),k("J_Select_Carmer_Content",o),k("J_Select_Mike_Content",i)},hideAllVideoModal:f,getVideoStatus:J().getVideoStatus}}])})); |