trtc-sdk-v5
Version:
Tencent Cloud RTC SDK for Web
533 lines (527 loc) • 292 kB
JavaScript
"use strict";var DeviceDetector=(()=>{var xs=Object.create;var se=Object.defineProperty,Ts=Object.defineProperties,ys=Object.getOwnPropertyDescriptor,Us=Object.getOwnPropertyDescriptors,Rs=Object.getOwnPropertyNames,Mi=Object.getOwnPropertySymbols,Ds=Object.getPrototypeOf,wi=Object.prototype.hasOwnProperty,bs=Object.prototype.propertyIsEnumerable;var lt=(t,e,i)=>e in t?se(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,j=(t,e)=>{for(var i in e||(e={}))wi.call(e,i)&<(t,i,e[i]);if(Mi)for(var i of Mi(e))bs.call(e,i)&<(t,i,e[i]);return t},H=(t,e)=>Ts(t,Us(e));var a=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),ks=(t,e)=>{for(var i in e)se(t,i,{get:e[i],enumerable:!0})},xi=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let V of Rs(e))!wi.call(t,V)&&V!==i&&se(t,V,{get:()=>e[V],enumerable:!(r=ys(e,V))||r.enumerable});return t};var Ns=(t,e,i)=>(i=t!=null?xs(Ds(t)):{},xi(e||!t||!t.__esModule?se(i,"default",{value:t,enumerable:!0}):i,t)),Bs=t=>xi(se({},"__esModule",{value:!0}),t);var h=(t,e,i)=>lt(t,typeof e!="symbol"?e+"":e,i);var C=a((pt,Ti)=>{"use strict";var Ae=function(t){return t&&t.Math===Math&&t};Ti.exports=Ae(typeof globalThis=="object"&&globalThis)||Ae(typeof window=="object"&&window)||Ae(typeof self=="object"&&self)||Ae(typeof global=="object"&&global)||Ae(typeof pt=="object"&&pt)||function(){return this}()||Function("return this")()});var D=a((cq,yi)=>{"use strict";yi.exports=function(t){try{return!!t()}catch(e){return!0}}});var B=a((lq,Ui)=>{"use strict";var Os=D();Ui.exports=!Os(function(){return Object.defineProperty({},1,{get:function(){return 7}})[1]!==7})});var dt=a((pq,Ri)=>{"use strict";var Qs=D();Ri.exports=!Qs(function(){var t=function(){}.bind();return typeof t!="function"||t.hasOwnProperty("prototype")})});var Te=a((dq,Di)=>{"use strict";var Fs=dt(),xe=Function.prototype.call;Di.exports=Fs?xe.bind(xe):function(){return xe.apply(xe,arguments)}});var Bi=a(Ni=>{"use strict";var bi={}.propertyIsEnumerable,ki=Object.getOwnPropertyDescriptor,Ls=ki&&!bi.call({1:2},1);Ni.f=Ls?function(e){var i=ki(this,e);return!!i&&i.enumerable}:bi});var ht=a((uq,Oi)=>{"use strict";Oi.exports=function(t,e){return{enumerable:!(t&1),configurable:!(t&2),writable:!(t&4),value:e}}});var R=a((gq,Li)=>{"use strict";var Qi=dt(),Fi=Function.prototype,ut=Fi.call,Ks=Qi&&Fi.bind.bind(ut,ut);Li.exports=Qi?Ks:function(t){return function(){return ut.apply(t,arguments)}}});var Yi=a((mq,Gi)=>{"use strict";var Ki=R(),Gs=Ki({}.toString),Ys=Ki("".slice);Gi.exports=function(t){return Ys(Gs(t),8,-1)}});var Zi=a((fq,Wi)=>{"use strict";var Ws=R(),Zs=D(),Js=Yi(),gt=Object,Ps=Ws("".split);Wi.exports=Zs(function(){return!gt("z").propertyIsEnumerable(0)})?function(t){return Js(t)==="String"?Ps(t,""):gt(t)}:gt});var mt=a((Sq,Ji)=>{"use strict";Ji.exports=function(t){return t==null}});var ft=a((Iq,Pi)=>{"use strict";var zs=mt(),js=TypeError;Pi.exports=function(t){if(zs(t))throw new js("Can't call method on "+t);return t}});var ye=a((vq,zi)=>{"use strict";var Hs=Zi(),Xs=ft();zi.exports=function(t){return Hs(Xs(t))}});var T=a((Eq,ji)=>{"use strict";var St=typeof document=="object"&&document.all;ji.exports=typeof St=="undefined"&&St!==void 0?function(t){return typeof t=="function"||t===St}:function(t){return typeof t=="function"}});var X=a((Cq,Hi)=>{"use strict";var _s=T();Hi.exports=function(t){return typeof t=="object"?t!==null:_s(t)}});var vt=a((Mq,Xi)=>{"use strict";var It=C(),$s=T(),eA=function(t){return $s(t)?t:void 0};Xi.exports=function(t,e){return arguments.length<2?eA(It[t]):It[t]&&It[t][e]}});var $i=a((wq,_i)=>{"use strict";var tA=R();_i.exports=tA({}.isPrototypeOf)});var rr=a((xq,ir)=>{"use strict";var iA=C(),er=iA.navigator,tr=er&&er.userAgent;ir.exports=tr?String(tr):""});var qr=a((Tq,ar)=>{"use strict";var nr=C(),Et=rr(),Vr=nr.process,or=nr.Deno,sr=Vr&&Vr.versions||or&&or.version,Ar=sr&&sr.v8,y,Ue;Ar&&(y=Ar.split("."),Ue=y[0]>0&&y[0]<4?1:+(y[0]+y[1]));!Ue&&Et&&(y=Et.match(/Edge\/(\d+)/),(!y||y[1]>=74)&&(y=Et.match(/Chrome\/(\d+)/),y&&(Ue=+y[1])));ar.exports=Ue});var Ct=a((yq,lr)=>{"use strict";var cr=qr(),rA=D(),VA=C(),oA=VA.String;lr.exports=!!Object.getOwnPropertySymbols&&!rA(function(){var t=Symbol("symbol detection");return!oA(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&cr&&cr<41})});var Mt=a((Uq,pr)=>{"use strict";var sA=Ct();pr.exports=sA&&!Symbol.sham&&typeof Symbol.iterator=="symbol"});var wt=a((Rq,dr)=>{"use strict";var AA=vt(),nA=T(),aA=$i(),qA=Mt(),cA=Object;dr.exports=qA?function(t){return typeof t=="symbol"}:function(t){var e=AA("Symbol");return nA(e)&&aA(e.prototype,cA(t))}});var ur=a((Dq,hr)=>{"use strict";var lA=String;hr.exports=function(t){try{return lA(t)}catch(e){return"Object"}}});var mr=a((bq,gr)=>{"use strict";var pA=T(),dA=ur(),hA=TypeError;gr.exports=function(t){if(pA(t))return t;throw new hA(dA(t)+" is not a function")}});var Sr=a((kq,fr)=>{"use strict";var uA=mr(),gA=mt();fr.exports=function(t,e){var i=t[e];return gA(i)?void 0:uA(i)}});var vr=a((Nq,Ir)=>{"use strict";var xt=Te(),Tt=T(),yt=X(),mA=TypeError;Ir.exports=function(t,e){var i,r;if(e==="string"&&Tt(i=t.toString)&&!yt(r=xt(i,t))||Tt(i=t.valueOf)&&!yt(r=xt(i,t))||e!=="string"&&Tt(i=t.toString)&&!yt(r=xt(i,t)))return r;throw new mA("Can't convert object to primitive value")}});var Cr=a((Bq,Er)=>{"use strict";Er.exports=!1});var Re=a((Oq,wr)=>{"use strict";var Mr=C(),fA=Object.defineProperty;wr.exports=function(t,e){try{fA(Mr,t,{value:e,configurable:!0,writable:!0})}catch(i){Mr[t]=e}return e}});var De=a((Qq,yr)=>{"use strict";var SA=Cr(),IA=C(),vA=Re(),xr="__core-js_shared__",Tr=yr.exports=IA[xr]||vA(xr,{});(Tr.versions||(Tr.versions=[])).push({version:"3.38.1",mode:SA?"pure":"global",copyright:"\xA9 2014-2024 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.38.1/LICENSE",source:"https://github.com/zloirock/core-js"})});var Ut=a((Fq,Rr)=>{"use strict";var Ur=De();Rr.exports=function(t,e){return Ur[t]||(Ur[t]=e||{})}});var br=a((Lq,Dr)=>{"use strict";var EA=ft(),CA=Object;Dr.exports=function(t){return CA(EA(t))}});var O=a((Kq,kr)=>{"use strict";var MA=R(),wA=br(),xA=MA({}.hasOwnProperty);kr.exports=Object.hasOwn||function(e,i){return xA(wA(e),i)}});var Rt=a((Gq,Nr)=>{"use strict";var TA=R(),yA=0,UA=Math.random(),RA=TA(1 .toString);Nr.exports=function(t){return"Symbol("+(t===void 0?"":t)+")_"+RA(++yA+UA,36)}});var Qr=a((Yq,Or)=>{"use strict";var DA=C(),bA=Ut(),Br=O(),kA=Rt(),NA=Ct(),BA=Mt(),_=DA.Symbol,Dt=bA("wks"),OA=BA?_.for||_:_&&_.withoutSetter||kA;Or.exports=function(t){return Br(Dt,t)||(Dt[t]=NA&&Br(_,t)?_[t]:OA("Symbol."+t)),Dt[t]}});var Gr=a((Wq,Kr)=>{"use strict";var QA=Te(),Fr=X(),Lr=wt(),FA=Sr(),LA=vr(),KA=Qr(),GA=TypeError,YA=KA("toPrimitive");Kr.exports=function(t,e){if(!Fr(t)||Lr(t))return t;var i=FA(t,YA),r;if(i){if(e===void 0&&(e="default"),r=QA(i,t,e),!Fr(r)||Lr(r))return r;throw new GA("Can't convert object to primitive value")}return e===void 0&&(e="number"),LA(t,e)}});var bt=a((Zq,Yr)=>{"use strict";var WA=Gr(),ZA=wt();Yr.exports=function(t){var e=WA(t,"string");return ZA(e)?e:e+""}});var Jr=a((Jq,Zr)=>{"use strict";var JA=C(),Wr=X(),kt=JA.document,PA=Wr(kt)&&Wr(kt.createElement);Zr.exports=function(t){return PA?kt.createElement(t):{}}});var Nt=a((Pq,Pr)=>{"use strict";var zA=B(),jA=D(),HA=Jr();Pr.exports=!zA&&!jA(function(){return Object.defineProperty(HA("div"),"a",{get:function(){return 7}}).a!==7})});var Bt=a(jr=>{"use strict";var XA=B(),_A=Te(),$A=Bi(),en=ht(),tn=ye(),rn=bt(),Vn=O(),on=Nt(),zr=Object.getOwnPropertyDescriptor;jr.f=XA?zr:function(e,i){if(e=tn(e),i=rn(i),on)try{return zr(e,i)}catch(r){}if(Vn(e,i))return en(!_A($A.f,e,i),e[i])}});var Xr=a((jq,Hr)=>{"use strict";var sn=B(),An=D();Hr.exports=sn&&An(function(){return Object.defineProperty(function(){},"prototype",{value:42,writable:!1}).prototype!==42})});var Ot=a((Hq,_r)=>{"use strict";var nn=X(),an=String,qn=TypeError;_r.exports=function(t){if(nn(t))return t;throw new qn(an(t)+" is not an object")}});var ke=a(eV=>{"use strict";var cn=B(),ln=Nt(),pn=Xr(),be=Ot(),$r=bt(),dn=TypeError,Qt=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,Ft="enumerable",Lt="configurable",Kt="writable";eV.f=cn?pn?function(e,i,r){if(be(e),i=$r(i),be(r),typeof e=="function"&&i==="prototype"&&"value"in r&&Kt in r&&!r[Kt]){var V=hn(e,i);V&&V[Kt]&&(e[i]=r.value,r={configurable:Lt in r?r[Lt]:V[Lt],enumerable:Ft in r?r[Ft]:V[Ft],writable:!1})}return Qt(e,i,r)}:Qt:function(e,i,r){if(be(e),i=$r(i),be(r),ln)try{return Qt(e,i,r)}catch(V){}if("get"in r||"set"in r)throw new dn("Accessors not supported");return"value"in r&&(e[i]=r.value),e}});var Gt=a((_q,tV)=>{"use strict";var un=B(),gn=ke(),mn=ht();tV.exports=un?function(t,e,i){return gn.f(t,e,mn(1,i))}:function(t,e,i){return t[e]=i,t}});var VV=a(($q,rV)=>{"use strict";var Yt=B(),fn=O(),iV=Function.prototype,Sn=Yt&&Object.getOwnPropertyDescriptor,Wt=fn(iV,"name"),In=Wt&&function(){}.name==="something",vn=Wt&&(!Yt||Yt&&Sn(iV,"name").configurable);rV.exports={EXISTS:Wt,PROPER:In,CONFIGURABLE:vn}});var sV=a((ec,oV)=>{"use strict";var En=R(),Cn=T(),Zt=De(),Mn=En(Function.toString);Cn(Zt.inspectSource)||(Zt.inspectSource=function(t){return Mn(t)});oV.exports=Zt.inspectSource});var aV=a((tc,nV)=>{"use strict";var wn=C(),xn=T(),AV=wn.WeakMap;nV.exports=xn(AV)&&/native code/.test(String(AV))});var lV=a((ic,cV)=>{"use strict";var Tn=Ut(),yn=Rt(),qV=Tn("keys");cV.exports=function(t){return qV[t]||(qV[t]=yn(t))}});var Jt=a((rc,pV)=>{"use strict";pV.exports={}});var gV=a((Vc,uV)=>{"use strict";var Un=aV(),hV=C(),Rn=X(),Dn=Gt(),Pt=O(),zt=De(),bn=lV(),kn=Jt(),dV="Object already initialized",jt=hV.TypeError,Nn=hV.WeakMap,Ne,ne,Be,Bn=function(t){return Be(t)?ne(t):Ne(t,{})},On=function(t){return function(e){var i;if(!Rn(e)||(i=ne(e)).type!==t)throw new jt("Incompatible receiver, "+t+" required");return i}};Un||zt.state?(U=zt.state||(zt.state=new Nn),U.get=U.get,U.has=U.has,U.set=U.set,Ne=function(t,e){if(U.has(t))throw new jt(dV);return e.facade=t,U.set(t,e),e},ne=function(t){return U.get(t)||{}},Be=function(t){return U.has(t)}):(K=bn("state"),kn[K]=!0,Ne=function(t,e){if(Pt(t,K))throw new jt(dV);return e.facade=t,Dn(t,K,e),e},ne=function(t){return Pt(t,K)?t[K]:{}},Be=function(t){return Pt(t,K)});var U,K;uV.exports={set:Ne,get:ne,has:Be,enforce:Bn,getterFor:On}});var IV=a((oc,SV)=>{"use strict";var Xt=R(),Qn=D(),Fn=T(),Oe=O(),Ht=B(),Ln=VV().CONFIGURABLE,Kn=sV(),fV=gV(),Gn=fV.enforce,Yn=fV.get,mV=String,Qe=Object.defineProperty,Wn=Xt("".slice),Zn=Xt("".replace),Jn=Xt([].join),Pn=Ht&&!Qn(function(){return Qe(function(){},"length",{value:8}).length!==8}),zn=String(String).split("String"),jn=SV.exports=function(t,e,i){Wn(mV(e),0,7)==="Symbol("&&(e="["+Zn(mV(e),/^Symbol\(([^)]*)\).*$/,"$1")+"]"),i&&i.getter&&(e="get "+e),i&&i.setter&&(e="set "+e),(!Oe(t,"name")||Ln&&t.name!==e)&&(Ht?Qe(t,"name",{value:e,configurable:!0}):t.name=e),Pn&&i&&Oe(i,"arity")&&t.length!==i.arity&&Qe(t,"length",{value:i.arity});try{i&&Oe(i,"constructor")&&i.constructor?Ht&&Qe(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(V){}var r=Gn(t);return Oe(r,"source")||(r.source=Jn(zn,typeof e=="string"?e:"")),t};Function.prototype.toString=jn(function(){return Fn(this)&&Yn(this).source||Kn(this)},"toString")});var EV=a((sc,vV)=>{"use strict";var Hn=T(),Xn=ke(),_n=IV(),$n=Re();vV.exports=function(t,e,i,r){r||(r={});var V=r.enumerable,o=r.name!==void 0?r.name:e;if(Hn(i)&&_n(i,o,r),r.global)V?t[e]=i:$n(e,i);else{try{r.unsafe?t[e]&&(V=!0):delete t[e]}catch(s){}V?t[e]=i:Xn.f(t,e,{value:i,enumerable:!1,configurable:!r.nonConfigurable,writable:!r.nonWritable})}return t}});var MV=a((Ac,CV)=>{"use strict";var ea=Math.ceil,ta=Math.floor;CV.exports=Math.trunc||function(e){var i=+e;return(i>0?ta:ea)(i)}});var _t=a((nc,wV)=>{"use strict";var ia=MV();wV.exports=function(t){var e=+t;return e!==e||e===0?0:ia(e)}});var TV=a((ac,xV)=>{"use strict";var ra=_t(),Va=Math.max,oa=Math.min;xV.exports=function(t,e){var i=ra(t);return i<0?Va(i+e,0):oa(i,e)}});var UV=a((qc,yV)=>{"use strict";var sa=_t(),Aa=Math.min;yV.exports=function(t){var e=sa(t);return e>0?Aa(e,9007199254740991):0}});var DV=a((cc,RV)=>{"use strict";var na=UV();RV.exports=function(t){return na(t.length)}});var NV=a((lc,kV)=>{"use strict";var aa=ye(),qa=TV(),ca=DV(),bV=function(t){return function(e,i,r){var V=aa(e),o=ca(V);if(o===0)return!t&&-1;var s=qa(r,o),A;if(t&&i!==i){for(;o>s;)if(A=V[s++],A!==A)return!0}else for(;o>s;s++)if((t||s in V)&&V[s]===i)return t||s||0;return!t&&-1}};kV.exports={includes:bV(!0),indexOf:bV(!1)}});var QV=a((pc,OV)=>{"use strict";var la=R(),$t=O(),pa=ye(),da=NV().indexOf,ha=Jt(),BV=la([].push);OV.exports=function(t,e){var i=pa(t),r=0,V=[],o;for(o in i)!$t(ha,o)&&$t(i,o)&&BV(V,o);for(;e.length>r;)$t(i,o=e[r++])&&(~da(V,o)||BV(V,o));return V}});var LV=a((dc,FV)=>{"use strict";FV.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]});var GV=a(KV=>{"use strict";var ua=QV(),ga=LV(),ma=ga.concat("length","prototype");KV.f=Object.getOwnPropertyNames||function(e){return ua(e,ma)}});var WV=a(YV=>{"use strict";YV.f=Object.getOwnPropertySymbols});var JV=a((gc,ZV)=>{"use strict";var fa=vt(),Sa=R(),Ia=GV(),va=WV(),Ea=Ot(),Ca=Sa([].concat);ZV.exports=fa("Reflect","ownKeys")||function(e){var i=Ia.f(Ea(e)),r=va.f;return r?Ca(i,r(e)):i}});var jV=a((mc,zV)=>{"use strict";var PV=O(),Ma=JV(),wa=Bt(),xa=ke();zV.exports=function(t,e,i){for(var r=Ma(e),V=xa.f,o=wa.f,s=0;s<r.length;s++){var A=r[s];!PV(t,A)&&!(i&&PV(i,A))&&V(t,A,o(e,A))}}});var XV=a((fc,HV)=>{"use strict";var Ta=D(),ya=T(),Ua=/#|\.prototype\./,ae=function(t,e){var i=Da[Ra(t)];return i===ka?!0:i===ba?!1:ya(e)?Ta(e):!!e},Ra=ae.normalize=function(t){return String(t).replace(Ua,".").toLowerCase()},Da=ae.data={},ba=ae.NATIVE="N",ka=ae.POLYFILL="P";HV.exports=ae});var $V=a((Sc,_V)=>{"use strict";var Fe=C(),Na=Bt().f,Ba=Gt(),Oa=EV(),Qa=Re(),Fa=jV(),La=XV();_V.exports=function(t,e){var i=t.target,r=t.global,V=t.stat,o,s,A,n,d,l;if(r?s=Fe:V?s=Fe[i]||Qa(i,{}):s=Fe[i]&&Fe[i].prototype,s)for(A in e){if(d=e[A],t.dontCallGetSet?(l=Na(s,A),n=l&&l.value):n=s[A],o=La(r?A:i+(V?".":"#")+A,t.forced),!o&&n!==void 0){if(typeof d==typeof n)continue;Fa(d,n)}(t.sham||n&&n.sham)&&Ba(d,"sham",!0),Oa(s,A,d,t)}}});var eo=a(()=>{"use strict";var Ka=$V(),ei=C();Ka({global:!0,forced:ei.globalThis!==ei},{globalThis:ei})});var io=a((Ec,to)=>{"use strict";eo();to.exports=C()});var aq={};ks(aq,{DeviceDetector:()=>qt,default:()=>nq});var hd=Ns(io(),1);function ro(t){return{name:"DeviceDetectorOptions",type:"object",required:!1,allowEmpty:!1,properties:{networkDetect:{required:!1,type:"object",properties:{sdkAppId:{required:!0,type:"number"},userId:{required:!0,type:"string"},userSig:{required:!0,type:"string"},downlinkUserId:{required:!1,type:"string"},downlinkUserSig:{required:!1,type:"string"},roomId:{required:!1,type:"number"}},async validate(e,i,r,V){let{RtcError:o,ErrorCode:s,ErrorCodeDictionary:A}=t.errorModule;if(!e)return;let{sdkAppId:n,userId:d,userSig:l,downlinkUserId:u,downlinkUserSig:g,roomId:p}=e;p=p||8080;let w=t.TRTC.create(),N=t.TRTC.create();await w.enterRoom({roomId:p,sdkAppId:n,userId:d,userSig:l}),await w.exitRoom(),w.destroy(),u&&g&&(await N.enterRoom({roomId:p,sdkAppId:n,userId:u,userSig:g}),await N.exitRoom(),N.destroy())}},cameraDetect:{required:!1,type:"object",properties:{mirror:{required:!1,type:"boolean"}}}}}}function ti(t){return{name:"StopDeviceDetectorOptions",required:!1}}var Le=globalThis,Ge=Le.ShadowRoot&&(Le.ShadyCSS===void 0||Le.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,oo=Symbol(),Vo=new WeakMap,Ke=class{constructor(e,i,r){if(this._$cssResult$=!0,r!==oo)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=i}get styleSheet(){let e=this.o,i=this.t;if(Ge&&e===void 0){let r=i!==void 0&&i.length===1;r&&(e=Vo.get(i)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&Vo.set(i,e))}return e}toString(){return this.cssText}},so=t=>new Ke(typeof t=="string"?t:t+"",void 0,oo);var ii=(t,e)=>{if(Ge)t.adoptedStyleSheets=e.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet);else for(let i of e){let r=document.createElement("style"),V=Le.litNonce;V!==void 0&&r.setAttribute("nonce",V),r.textContent=i.cssText,t.appendChild(r)}},Ye=Ge?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let i="";for(let r of e.cssRules)i+=r.cssText;return so(i)})(t):t;var{is:Ga,defineProperty:Ya,getOwnPropertyDescriptor:Wa,getOwnPropertyNames:Za,getOwnPropertySymbols:Ja,getPrototypeOf:Pa}=Object,Q=globalThis,Ao=Q.trustedTypes,za=Ao?Ao.emptyScript:"",ri=Q.reactiveElementPolyfillSupport,qe=(t,e)=>t,Vi={toAttribute(t,e){switch(e){case Boolean:t=t?za:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=t!==null;break;case Number:i=t===null?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(r){i=null}}return i}},lo=(t,e)=>!Ga(t,e),no={attribute:!0,type:String,converter:Vi,reflect:!1,hasChanged:lo},ao,qo;(ao=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(qo=Q.litPropertyMetadata)!=null||(Q.litPropertyMetadata=new WeakMap);var b=class extends HTMLElement{static addInitializer(e){var i;this._$Ei(),((i=this.l)!=null?i:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,i=no){if(i.state&&(i.attribute=!1),this._$Ei(),this.elementProperties.set(e,i),!i.noAccessor){let r=Symbol(),V=this.getPropertyDescriptor(e,r,i);V!==void 0&&Ya(this.prototype,e,V)}}static getPropertyDescriptor(e,i,r){var s;let{get:V,set:o}=(s=Wa(this.prototype,e))!=null?s:{get(){return this[i]},set(A){this[i]=A}};return{get(){return V==null?void 0:V.call(this)},set(A){let n=V==null?void 0:V.call(this);o.call(this,A),this.requestUpdate(e,n,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var i;return(i=this.elementProperties.get(e))!=null?i:no}static _$Ei(){if(this.hasOwnProperty(qe("elementProperties")))return;let e=Pa(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(qe("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(qe("properties"))){let i=this.properties,r=[...Za(i),...Ja(i)];for(let V of r)this.createProperty(V,i[V])}let e=this[Symbol.metadata];if(e!==null){let i=litPropertyMetadata.get(e);if(i!==void 0)for(let[r,V]of i)this.elementProperties.set(r,V)}this._$Eh=new Map;for(let[i,r]of this.elementProperties){let V=this._$Eu(i,r);V!==void 0&&this._$Eh.set(V,i)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let i=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let V of r)i.unshift(Ye(V))}else e!==void 0&&i.push(Ye(e));return i}static _$Eu(e,i){let r=i.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(i=>this.enableUpdating=i),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(i=>i(this))}addController(e){var i,r;((i=this._$EO)!=null?i:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)==null||r.call(e))}removeController(e){var i;(i=this._$EO)==null||i.delete(e)}_$E_(){let e=new Map,i=this.constructor.elementProperties;for(let r of i.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var i;let e=(i=this.shadowRoot)!=null?i:this.attachShadow(this.constructor.shadowRootOptions);return ii(e,this.constructor.elementStyles),e}connectedCallback(){var e,i;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(i=this._$EO)==null||i.forEach(r=>{var V;return(V=r.hostConnected)==null?void 0:V.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(i=>{var r;return(r=i.hostDisconnected)==null?void 0:r.call(i)})}attributeChangedCallback(e,i,r){this._$AK(e,r)}_$EC(e,i){var o;let r=this.constructor.elementProperties.get(e),V=this.constructor._$Eu(e,r);if(V!==void 0&&r.reflect===!0){let s=(((o=r.converter)==null?void 0:o.toAttribute)!==void 0?r.converter:Vi).toAttribute(i,r.type);this._$Em=e,s==null?this.removeAttribute(V):this.setAttribute(V,s),this._$Em=null}}_$AK(e,i){var o;let r=this.constructor,V=r._$Eh.get(e);if(V!==void 0&&this._$Em!==V){let s=r.getPropertyOptions(V),A=typeof s.converter=="function"?{fromAttribute:s.converter}:((o=s.converter)==null?void 0:o.fromAttribute)!==void 0?s.converter:Vi;this._$Em=V,this[V]=A.fromAttribute(i,s.type),this._$Em=null}}requestUpdate(e,i,r){var V;if(e!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(e)),!((V=r.hasChanged)!=null?V:lo)(this[e],i))return;this.P(e,i,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,i,r){var V;this._$AL.has(e)||this._$AL.set(e,i),r.reflect===!0&&this._$Em!==e&&((V=this._$Ej)!=null?V:this._$Ej=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(i){Promise.reject(i)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,V;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,A]of this._$Ep)this[s]=A;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[s,A]of o)A.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],A)}let e=!1,i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(V=this._$EO)==null||V.forEach(o=>{var s;return(s=o.hostUpdate)==null?void 0:s.call(o)}),this.update(i)):this._$EU()}catch(o){throw e=!1,this._$EU(),o}e&&this._$AE(i)}willUpdate(e){}_$AE(e){var i;(i=this._$EO)==null||i.forEach(r=>{var V;return(V=r.hostUpdated)==null?void 0:V.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(i=>this._$EC(i,this[i]))),this._$EU()}updated(e){}firstUpdated(e){}},co;b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[qe("elementProperties")]=new Map,b[qe("finalized")]=new Map,ri==null||ri({ReactiveElement:b}),((co=Q.reactiveElementVersions)!=null?co:Q.reactiveElementVersions=[]).push("2.0.4");var le=globalThis,We=le.trustedTypes,po=We?We.createPolicy("lit-html",{createHTML:t=>t}):void 0,Io="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,vo="?"+F,ja=`<${vo}>`,W=document,pe=()=>W.createComment(""),de=t=>t===null||typeof t!="object"&&typeof t!="function",li=Array.isArray,Ha=t=>li(t)||typeof(t==null?void 0:t[Symbol.iterator])=="function",oi=`[
\f\r]`,ce=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ho=/-->/g,uo=/>/g,G=RegExp(`>|${oi}(?:([^\\s"'>=/]+)(${oi}*=${oi}*(?:[^
\f\r"'\`<>=]|("|')|))|$)`,"g"),go=/'/g,mo=/"/g,Eo=/^(?:script|style|textarea|title)$/i,pi=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),c=pi(1),kc=pi(2),Nc=pi(3),Z=Symbol.for("lit-noChange"),I=Symbol.for("lit-nothing"),fo=new WeakMap,Y=W.createTreeWalker(W,129);function Co(t,e){if(!li(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return po!==void 0?po.createHTML(e):e}var Xa=(t,e)=>{let i=t.length-1,r=[],V,o=e===2?"<svg>":e===3?"<math>":"",s=ce;for(let A=0;A<i;A++){let n=t[A],d,l,u=-1,g=0;for(;g<n.length&&(s.lastIndex=g,l=s.exec(n),l!==null);)g=s.lastIndex,s===ce?l[1]==="!--"?s=ho:l[1]!==void 0?s=uo:l[2]!==void 0?(Eo.test(l[2])&&(V=RegExp("</"+l[2],"g")),s=G):l[3]!==void 0&&(s=G):s===G?l[0]===">"?(s=V!=null?V:ce,u=-1):l[1]===void 0?u=-2:(u=s.lastIndex-l[2].length,d=l[1],s=l[3]===void 0?G:l[3]==='"'?mo:go):s===mo||s===go?s=G:s===ho||s===uo?s=ce:(s=G,V=void 0);let p=s===G&&t[A+1].startsWith("/>")?" ":"";o+=s===ce?n+ja:u>=0?(r.push(d),n.slice(0,u)+Io+n.slice(u)+F+p):n+F+(u===-2?A:p)}return[Co(t,o+(t[i]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},he=class t{constructor({strings:e,_$litType$:i},r){let V;this.parts=[];let o=0,s=0,A=e.length-1,n=this.parts,[d,l]=Xa(e,i);if(this.el=t.createElement(d,r),Y.currentNode=this.el.content,i===2||i===3){let u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(V=Y.nextNode())!==null&&n.length<A;){if(V.nodeType===1){if(V.hasAttributes())for(let u of V.getAttributeNames())if(u.endsWith(Io)){let g=l[s++],p=V.getAttribute(u).split(F),w=/([.?@])?(.*)/.exec(g);n.push({type:1,index:o,name:w[2],strings:p,ctor:w[1]==="."?ni:w[1]==="?"?ai:w[1]==="@"?qi:ee}),V.removeAttribute(u)}else u.startsWith(F)&&(n.push({type:6,index:o}),V.removeAttribute(u));if(Eo.test(V.tagName)){let u=V.textContent.split(F),g=u.length-1;if(g>0){V.textContent=We?We.emptyScript:"";for(let p=0;p<g;p++)V.append(u[p],pe()),Y.nextNode(),n.push({type:2,index:++o});V.append(u[g],pe())}}}else if(V.nodeType===8)if(V.data===vo)n.push({type:2,index:o});else{let u=-1;for(;(u=V.data.indexOf(F,u+1))!==-1;)n.push({type:7,index:o}),u+=F.length-1}o++}}static createElement(e,i){let r=W.createElement("template");return r.innerHTML=e,r}};function $(t,e,i=t,r){var s,A,n;if(e===Z)return e;let V=r!==void 0?(s=i._$Co)==null?void 0:s[r]:i._$Cl,o=de(e)?void 0:e._$litDirective$;return(V==null?void 0:V.constructor)!==o&&((A=V==null?void 0:V._$AO)==null||A.call(V,!1),o===void 0?V=void 0:(V=new o(t),V._$AT(t,i,r)),r!==void 0?((n=i._$Co)!=null?n:i._$Co=[])[r]=V:i._$Cl=V),V!==void 0&&(e=$(t,V._$AS(t,e.values),V,r)),e}var Ai=class{constructor(e,i){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var d;let{el:{content:i},parts:r}=this._$AD,V=((d=e==null?void 0:e.creationScope)!=null?d:W).importNode(i,!0);Y.currentNode=V;let o=Y.nextNode(),s=0,A=0,n=r[0];for(;n!==void 0;){if(s===n.index){let l;n.type===2?l=new ue(o,o.nextSibling,this,e):n.type===1?l=new n.ctor(o,n.name,n.strings,this,e):n.type===6&&(l=new ci(o,this,e)),this._$AV.push(l),n=r[++A]}s!==(n==null?void 0:n.index)&&(o=Y.nextNode(),s++)}return Y.currentNode=W,V}p(e){let i=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,i),i+=r.strings.length-2):r._$AI(e[i])),i++}},ue=class t{get _$AU(){var e,i;return(i=(e=this._$AM)==null?void 0:e._$AU)!=null?i:this._$Cv}constructor(e,i,r,V){var o;this.type=2,this._$AH=I,this._$AN=void 0,this._$AA=e,this._$AB=i,this._$AM=r,this.options=V,this._$Cv=(o=V==null?void 0:V.isConnected)!=null?o:!0}get parentNode(){let e=this._$AA.parentNode,i=this._$AM;return i!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=i.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,i=this){e=$(this,e,i),de(e)?e===I||e==null||e===""?(this._$AH!==I&&this._$AR(),this._$AH=I):e!==this._$AH&&e!==Z&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Ha(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==I&&de(this._$AH)?this._$AA.nextSibling.data=e:this.T(W.createTextNode(e)),this._$AH=e}$(e){var o;let{values:i,_$litType$:r}=e,V=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=he.createElement(Co(r.h,r.h[0]),this.options)),r);if(((o=this._$AH)==null?void 0:o._$AD)===V)this._$AH.p(i);else{let s=new Ai(V,this),A=s.u(this.options);s.p(i),this.T(A),this._$AH=s}}_$AC(e){let i=fo.get(e.strings);return i===void 0&&fo.set(e.strings,i=new he(e)),i}k(e){li(this._$AH)||(this._$AH=[],this._$AR());let i=this._$AH,r,V=0;for(let o of e)V===i.length?i.push(r=new t(this.O(pe()),this.O(pe()),this,this.options)):r=i[V],r._$AI(o),V++;V<i.length&&(this._$AR(r&&r._$AB.nextSibling,V),i.length=V)}_$AR(e=this._$AA.nextSibling,i){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,i);e&&e!==this._$AB;){let V=e.nextSibling;e.remove(),e=V}}setConnected(e){var i;this._$AM===void 0&&(this._$Cv=e,(i=this._$AP)==null||i.call(this,e))}},ee=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,i,r,V,o){this.type=1,this._$AH=I,this._$AN=void 0,this.element=e,this.name=i,this._$AM=V,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=I}_$AI(e,i=this,r,V){let o=this.strings,s=!1;if(o===void 0)e=$(this,e,i,0),s=!de(e)||e!==this._$AH&&e!==Z,s&&(this._$AH=e);else{let A=e,n,d;for(e=o[0],n=0;n<o.length-1;n++)d=$(this,A[r+n],i,n),d===Z&&(d=this._$AH[n]),s||(s=!de(d)||d!==this._$AH[n]),d===I?e=I:e!==I&&(e+=(d!=null?d:"")+o[n+1]),this._$AH[n]=d}s&&!V&&this.j(e)}j(e){e===I?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},ni=class extends ee{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===I?void 0:e}},ai=class extends ee{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==I)}},qi=class extends ee{constructor(e,i,r,V,o){super(e,i,r,V,o),this.type=5}_$AI(e,i=this){var s;if((e=(s=$(this,e,i,0))!=null?s:I)===Z)return;let r=this._$AH,V=e===I&&r!==I||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,o=e!==I&&(r===I||V);V&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var i,r;typeof this._$AH=="function"?this._$AH.call((r=(i=this.options)==null?void 0:i.host)!=null?r:this.element,e):this._$AH.handleEvent(e)}},ci=class{constructor(e,i,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=i,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){$(this,e)}};var si=le.litHtmlPolyfillSupport,So;si==null||si(he,ue),((So=le.litHtmlVersions)!=null?So:le.litHtmlVersions=[]).push("3.2.1");var Mo=(t,e,i)=>{var o,s;let r=(o=i==null?void 0:i.renderBefore)!=null?o:e,V=r._$litPart$;if(V===void 0){let A=(s=i==null?void 0:i.renderBefore)!=null?s:null;r._$litPart$=V=new ue(e.insertBefore(pe(),A),A,void 0,i!=null?i:{})}return V._$AI(t),V};var f=class extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var i,r;let e=super.createRenderRoot();return(r=(i=this.renderOptions).renderBefore)!=null||(i.renderBefore=e.firstChild),e}update(e){let i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Mo(i,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return Z}},wo;f._$litElement$=!0,f.finalized=!0,(wo=globalThis.litElementHydrateSupport)==null||wo.call(globalThis,{LitElement:f});var di=globalThis.litElementPolyfillSupport;di==null||di({LitElement:f});var xo;((xo=globalThis.litElementVersions)!=null?xo:globalThis.litElementVersions=[]).push("4.1.1");var ge=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(this.createTemplate()),this.buttonEle=this.shadowRoot.querySelector("button")}createTemplate(){let e=document.createElement("template");return e.innerHTML=`
<style>
.button {
padding: 6px 16px;
border-radius: 4px;
border: 0;
outline: none;
background-color: transparent;
user-select: none;
font-size: 0.875rem;
min-width: 64px;
box-sizing: border-box;
font-weight: 500;
line-height: 1.75;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.outlined {
/* \u770B\u4E0D\u5230 \u542C\u4E0D\u5230 */
padding: 5px 15px;
border: 1px solid #006eff;
color: #006eff;
cursor: pointer;
}
.contained {
/* \u542C\u5F97\u5230 */
cursor: pointer;
color: #ffffff;
background-color: #006eff;
box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}
.disabled {
/* \u7981\u6B62 \u5F00\u59CB\u68C0\u6D4B */
box-shadow: none;
color: rgba(0, 0, 0, 0.26);
background-color: rgba(0, 0, 0, 0.12);
}
.close{
color: #eeeeee!important;
border-radius: 20px!important;
border-color: #eeeeee!important;
}
</style>
<button>
<slot></slot>
</button>
`,e.content.cloneNode(!0)}connectedCallback(){let e=this.getAttribute("type"),i=this.getAttribute("class");this.buttonEle.type="button",this.buttonEle.classList.add("button",e,i);let r=this.getAttribute("on-click");if(r){let V=new Function(r);this.buttonEle.addEventListener("click",()=>{V()})}}attributeChangedCallback(e,i,r){e==="type"&&(this.buttonEle.classList.remove(i),this.buttonEle.classList.add(r)),e==="className"&&(this.buttonEle.classList.remove(i),this.buttonEle.classList.add(r))}};h(ge,"observedAttributes",["className","type","on-click"]);customElements.get("trtc-custom-button")||customElements.define("trtc-custom-button",ge);var _a=`
@media screen and (max-width: 769px) {
.root {
max-width: 32.5rem;
}
.device-detector-backdrop {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
opacity: 1;
transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.device-detector-backdrop .root {
position: relative;
width: 98vw;
height: 72vh;
font-size: 16px;
box-shadow: 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
background-color: #ffffff;
border-radius: 4px;
}
.device-detector-backdrop .root .stepper {
border-radius: 5px 5px 0 0;
font-size: 36px;
}
.device-detector-backdrop .root .close {
color: #eeeeee !important;
border-radius: 20px !important;
border-color: #eeeeee !important;
position: absolute !important;
cursor: pointer;
top: -50px;
right: 2px;
}
.arrow {
width: 0;
height: 0;
border-left: 2vh solid transparent;
border-right: 2vh solid transparent;
border-bottom: 2vh solid red;
position: absolute;
left: 2vw;
animation: moveUpDown 2s infinite ease-in-out;
transform:rotate(45deg);
z-index: 10000;
}
.arrow::after {
content: "";
width: 1.5vh;
height: 4vh;
background-color: red;
position: absolute;
// top: 9px; /* \u5C06\u67C4\u5B9A\u4F4D\u5728\u7BAD\u5934\u7684\u4E0B\u65B9 */
left: 50%; /* \u6C34\u5E73\u5C45\u4E2D\u67C4 */
transform: translate(-50%,18%); /* \u5FAE\u8C03\u67C4\u7684\u6C34\u5E73\u4F4D\u7F6E\uFF0C\u4F7F\u5176\u5B8C\u5168\u5C45\u4E2D */
z-index: 10000;
}
.remind-text {
position: absolute;
top: 10vh; /* \u8C03\u6574\u6587\u5B57\u7684\u5782\u76F4\u4F4D\u7F6E */
left: 1vw;
width:90vw;
color:red;
z-index: 10000;
}
@keyframes moveUpDown {
0% {
top: 3vh;
left: 2vw;
}
50% {
top: 1.5vh;
left: 3vw;
}
100% {
top: 3vh;
left: 2vw;
}
}
.device-connect {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.device-connect .testing-title {
display: flex;
font-size: 2rem;
justify-content: center;
margin-top: 4vh;
color: rgba(32, 30, 30, 0.8980392157);
}
.device-connect .testing-prepare-info {
max-width: 500px;
padding: 0 1vw;
text-align: center;
display: flex;
font-size: 1rem;
justify-content: center;
margin-top: 3.8vh;
color: rgba(88, 86, 86, 0.8980392157);
}
.device-connect .device-display {
width: 88%;
margin: 3vh auto 1.5vh;
display: flex;
justify-content: space-around;
position: relative;
}
.device-connect .device-display .connect-success {
position: relative;
}
.device-connect .device-display .connect-success::before {
content: "";
width: 28px;
height: 28px;
position: absolute;
bottom: -34px;
left: 50%;
transform: translateX(-50%);
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACAElEQVRYR+2Vv2sUQRTH3/eOYO+f EWzmzUaSTv8CYxIUAooWAYsQJEkRRDRikUJMiiMIQRSVCNql0sqkCIFwO7NLCGm00kpEEBtzhsyT Pe5kWG9zu8p5zU658958Pnznx4L6PNBnPpUCZQJlAj1PgOu8SBW6C0HNBGYmfe17KqBCdRvA/TbU OXc+Hoq3fImeCahQLQBY8mDGahv8lwR0qOcF8sCDfSCicavtXs8F2PBNIlrxQB9dxU3EKq53evY7 boGyahDHuCRVWY04+pL3f8GGp4mo1q4H8JkcTZjAbGet0VGADUurYd8dubF4OH7fTUJZdQOCR17d t1bs707q/UNgZH/kdKPR+Oofnupx9WL9bP1T1kJseIqI1rz5HwIZjzh60008awvuQXDndzNoR0hG O20HG75ORE+8WldBZSxU4UY3eDKfeQ211UsisuAtsjlwNDC6O7z7vf1NWXUFgucp0GWr7es88BMF kklt9UMRmfUWe3t46vDCwZmDnzrUkwJZ90ECuRpx9CIvvKtAUsCWaySUnO7mEJENAC+J6JUPgmDK BOZxEXgugaZEyGsESg5a1pi22q4WhecWaEoYfkpE19IQEZmLgmj5b+CFBJJiZdU6BJNtGAS3TGD8 976wR+GfUSuJc+TomR2yi4WJqYbCAv8KTPeXAmUCZQJ9T+AXo7StIY0IqrkAAAAASUVORK5CYII=") no-repeat;
background-size: 100% 100%;
}
.device-connect .device-display .connect-fail {
position: relative;
}
.device-connect .device-display .connect-fail::before {
content: "";
width: 28px;
height: 28px;
position: absolute;
bottom: -34px;
left: 50%;
transform: translateX(-50%);
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB3ElEQVRYR+2Wr08cQRTHP+8ESZOq GlKBaKhpUwWmCnG7d4giwDS5NGlVMWDAtIZfrQEDpjVF0ZC0wH/QWxr+gNrKJigSBA4J98hN7pbl 9mZnZklz5tasmPfm+5nve/t2hAE/MmB9hgBDB5wOaJVx+c2/Ms2qEc+BCznm3JZvBdBpHnPNmUlU VuWYzyEQGrGC8KmdI4m92e0AbXrhbyoqfJQmWz4QWuMDymYa2+KpzcXCEmjMOrCWEV2WhJ0iCI1Z ArbTGId77h7ohRAWpcnXfhBaYwHlS4hrTgDTAnkn5iVhNwuhMe+BbyFumf7wqakF4p0kfO+svQX2 Mie3utSr5w3QF6JCw2zY4kdm45w7RYcMArA4kd0/dcXX2WAAK0SFhvzip69wN64cQJ0XtDgEnmXq /lqaHP13AK0yQcWIj+fEhGCIIAc05iUY8bGO+EbnfTusAiG8AbTOVMf20a64JGZS5udEAIQXgEbE CAfAo17xbhlyw8oTwgmgMa/AdPdDm/h9IIp/RjXmUCM+4hIvC2H/HdeZpMWfTKdvdGvu+tRy5bji iZxw2i+v6D7wBmHf9+S9m9+BKH0fiJilwgNp3pn1LgPSdY2YQbiUhBNbkrMJvdVKBg4Bhg4M3IEb uI2UIfOyj40AAAAASUVORK5CYII=") no-repeat;
background-size: 100% 100%;
}
.device-connect .device-display .device {
width: 46px;
height: 46px;
position: relative;
justify-content: center;
font-size: 38px;
}
.device-connect .device-display .device svg {
width: 36px;
height: 36px;
fill: #47494D;
}
.device-connect .device-display .outer-progress {
width: 83%;
height: 4px;
border-radius: 5px;
position: absolute;
top: 70px;
background-color: #eeeeee;
overflow: hidden;
}
.device-connect .device-display .outer-progress .inner-progress {
width: 100%;
position: absolute;
top: 0;
left: -100%;
height: 4px;
border-radius: 5px;
background-color: #bfbfbf;
transform-origin: left;
transition: transform 0.3s linear;
}
.device-connect .text {
margin-top: 4.5vh;
font-size: 1rem;
max-width: 420px;
text-align: center;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.device-connect .text.gray-text {
color: rgba(88, 86, 86, 0.8980392157);
}
.device-connect .text.green-text {
color: rgb(50, 205, 50);
}
.device-connect .text.red-text {
color: red;
}
.device-connect .button-container {
position: absolute;
bottom: 3vh;
width: 40%;
display: flex;
justify-content: space-around;
}
.error-connect {
width: 20px;
height: 20px;
margin-left: 8px;
display: inline;
}
.error-connect .error-icon svg {
width: 20px;
height: 20px;
}
.connect-attention-info {
padding: 1vw 1vh;
min-width: 134px;
min-height: 50px;
background: rgba(0, 0, 0, 0.6);
border-radius: 10px;
color: rgb(255, 255, 255);
position: absolute;
top:23vh;
display: block;
font-size: 0.8rem;
text-align: left;
max-width: 92vw;
white-space: nowrap;
white-space: normal; // \u6DFB\u52A0\u8FD9\u4E00\u884C\uFF0C\u4F7F\u5176\u81EA\u52A8\u6362\u884C
word-wrap: break-word; /* \u6DFB\u52A0\u81EA\u52A8\u6362\u884C\u6837\u5F0F */
overflow-wrap: anywhere; /* \u5141\u8BB8\u5728\u4EFB\u610F\u4F4D\u7F6E\u6362\u884C */
}
.error-connect .connect-attention-info::after {
content: "";
width: 0;
height: 0;
border: 10px transparent solid;
border-top-color: rgba(0, 0, 0, 0.6);
position: absolute;
left: 100%;
top: 100%;
transform: translateX(-18vw);
}
.testing-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.testing-body.hide {
display: none;
}
.testing-body .device-list {
width: 93%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2vh;
}
.testing-body .device-list .device-list-title {
margin-right: 1vw;
font-size: 0.8rem;
}
.testing-body .flex-col {
display: flex;
flex-direction: column;
align-items: center;
}
.testing-body .checkbox {
display: flex;
align-items: center;
}
.testing-body .camera-video {
max-width: 80vw;
height: 32vh;
object-fit: contain; /* \u4FDD\u6301\u89C6\u9891\u7684\u5BBD\u9AD8\u6BD4\uFF0C\u5C06\u5176\u5B8C\u6574\u663E\u793A\u5728\u6846\u5185 */
}
.testing-body .mirror {
transform: scaleX(-1);
}
.testing-container {
width: 100%;
margin: 10px auto 30px;
}
.testing-container .testing-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.testing-container .testing-body.hide {
display: none;
}
.testing-container .testing-body .device-list {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.testing-container .testing-body .device-list .device-list-title {
margin-right: 10px;
}
.testing-container .testing-body .flex-col {
display: flex;
flex-direction: column;
align-items: center;
}
.testing-container .testing-body .checkbox {
display: flex;
align-items: center;
}
.testing-container .testing-body .camera-video {
width: 300px;
height: 180px;
}
.testing-container .testing-body .mirror {
transform: scaleX(-1);
}
.audio-player-container {
width: 340px;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 2vh auto 0;
text-align: center;
}
.audio-player-container .audio-player-info {
margin: 0px auto 16px;
color: #5f5f5f;
}
.audio-player-container #audio-player {
width: 100%;
}
.testing-info-container {
display: flex;
width: 100%;
justify-content: center;
flex-wrap: wrap;
position: absolute;
bottom: 3vh;
}
.testing-info-container .testing-info {
width: 100%;
text-align: center;
display: block;
font-size:1rem;
}
.testing-info-container .button-list {
margin-top: 2vh;
width: 300px;
display: flex;
justify-content: space-around;
}
.device-select {
width: 90%;
padding: 6px 14px 6px 12px;
position: relative;
font-size: 0.8rem;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
}
.device-select:focus {
outline: none;
}
.step-container {
display: flex;
margin-top: 2vh;
margin-bottom: 2vh;
padding: 0.3vw;
font-size: 0.95rem;
}
.step-container .step {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
fill: rgba(0, 0, 0, 0.54);
color: rgba(0, 0, 0, 0.54);
}
.step-container .step:not(:first-child)::after {
position: absolute;
content: "";
height: 1px;
background-color: rgba(0, 0, 0, 0.16);
right: 100%;
top: 30%;
right: calc(50% + 20px);
left: calc(-50% + 20px);
top: 16px;
}
.step-container .step.active {
fill: #006EFF;
color: #006EFF;
cursor: pointer;
}
.step-container .step.active::after {
background-color: #006EFF;
}
.step-container .step.error {
fill: red;
color: red;
cursor: pointer;
}
.step-container .step.error::after {
background-color: #006EFF;
}
.step-container .step .step-label {
margin-top: 12px;
}
.mic-testing-container {
margin-top: 20px;
width: 100%;
}
.mic-testing-container .mic-testing-info {
text-align: center;
}
.mic-testing-container .mic-bar-container {
display: flex;
justify-content: center;
margin-top: 10px;
}
.mic-testing-container .mic-bar-container .mic-bar {
width: 8px;
height: 30px;
border: 1px solid #cccccc;
border-radius: 1px;
}
.mic-testing-container .mic-bar-container .mic-bar:not(:first-child) {
margin-left: 3px;
}
.mic-testing-container .mic-bar-container .mic-bar.active {
background: #006EFF;
}
.recording-container {
margin-top: 3vh;
}
.testing-list {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.testing-list .testing-item-container {
width: 83%;
margin: 0 auto 10px;
display: flex;
justify-content: space-between;
}
@keyframes loading-circle {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
.network-loading {
display: flex;
}
.network-loading::before {
content: "";
width: 16px;
height: 16px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAChElEQVRYR82WO2wTQRCGZ9YFLmmCQDRUFIgOCuhMg2QJ8OxKtpQuEggqQDz6hDIiSAg6QEo6pFi+WVsoLgkVDakgFFBAlYJ0IGRceAetdWddLF/uznacXHe38/j2n9mbRTjkB6eRn4jOWGt/jhMrMwARlRDxkogUEfETM7/zCY0xqyKyAAAe4G70PStMZgCt9WsAuBUG3mLmi5VK5ZxSajuWrM7MtazJvd1EAER0HBG/AcBcPxji8yAIHhDREiJeA4A/IvLBWruUBJUIoLX+AgC7IvLEWruZVAIimldKXXXOefstb6u1lljCbWY+nwsg3MFi6LTJzFeyyloul48Vi8V/MfvvzHw2F0Cstl6BZWvts6wA3o6I3iDizdDnBTPfzwUQGVer1bl6vb6bJ3nM92S321WtVmtHa/3QnxBE/BwEwY14vD094KXfr2HGASGiBURcjXxF5KW19l70PgDQWr8HgBIA5Kp5GpTWeh0AqjG7HWY+PUsAn9xD9J/wVA2O5YGXIGzKklJq3jn30Vq7ltgDaXJOsu7nhS+xUuqyc+6t/1/k+hNOktz7GmNYRCgWp8bM9X4JiGhZKXVCRDb8x0mTDfuPmBnepD83+gDRr3O4QaYJorX+AQC+DHuacSYKhCovIuJ1ALiAiGu9Xu9ps9n8mnkaTkuN4cvLzAGGN3J0AIjoESKuiMgda+2raUmeFmegwEED+KPom+7QSpA0aY9ODwxLY4w51el0/rbb7d9pdZxkfb9Lqb9YTvVuMAo0EcDfZAqFwq9Go7Exzg6NMStBEDxO883VA0R0e9QRTerwtOS5x3E4tPpjNAoeTrp151xt1DFLg8ilQFKwmSmQtptx1v8DVbAxMP//OLQAAAAASUVORK5CYII=") no-repeat;
background-size: 100% 100%;
animation: loading-circle 2s linear infinite;
}
.report-button {
position: absolute;