{"version":3,"sources":["webpack:///./src/views/user/index/DeviceCheck.vue?adda","webpack:///./src/views/user/index/DeviceCheck.vue?bd83","webpack:///./src/views/user/index/DeviceCheck.vue","webpack:///./src/views/user/index/DeviceCheck.vue?07fd"],"names":["class","id","src","controls","controlslist","width","fullscreen","stepCount","icon","videocamOutline","volumeMediumOutline","micOutline","globeOutline","step1CheckFlag","hasCameraConnect","checkmarkOutline","closeOutline","hasVoiceConnect","hasMicConnect","hasNetworkConnect","type","step1IsOk","disabled","nextStep","carameIsOpen","cameraList","item","index","key","value","deviceId","cameraId","cameraIdChange","label","voiceList","length","voiceId","voiceIdChange","myVolume","micList","micId","micIdChange","countDown","netWorkStatus","checkList","camera","voice","mic","reload","goRococo","setError","name","data","alertOutline","userid","localStream","networdCheckError","hasCameraDevice","hasMicDevice","curTestingPageId","cameraTestingResult","micTestingResult","voiceTestingResult","myVolumeTimer","network","up","down","networkUpLog","networkDownLog","logList","countTimer","roomId","components","IonContent","IonPage","IonProgressBar","IonIcon","computed","this","Math","max","mounted","checkSystemRequirements","then","checkResult","push","JSON","stringify","console","log","result","detail","isBrowserSupported","isH264DecodeSupported","isH264EncodeSupported","isMediaDevicesSupported","isVp8DecodeSupported","isVp8EncodeSupported","isWebRTCSupported","init","watch","$route","clearInterval","methods","location","href","newVoiceId","localStorage","setItem","device","kind","audioPlayer","document","querySelector","setSinkId","newMicID","switchDevice","newCameraId","isError","close","startVoiceTesting","startMicTesting","startNetworkTesting","startCameraTesting","preStep","getDevicesInfo","startDeviceConnect","setTimeout","getCameras","getMicrophones","getSpeakers","filter","spk","forEach","navigator","onLine","updateVoiceDeviceList","createLocalStream","audio","video","voiceDevices","cacheVoiceDevice","getItem","mediaDevices","getUserMedia","catch","err","updateCameraDeviceList","cameraDevices","cacheCameraDevice","updateMicDeviceList","micDevices","cacheMicDevice","pause","setInterval","volume","getAudioLevel","num","ceil","userInfo","liverInfo","appInfo","devicetest","error","testInfo","String","roomNum","sdkAppId","appId","userId","downLinkUser","userSig","upLinkUser","uplinkClient","downlinkClient","testResult","uplinkNetworkQualities","downlinkNetworkQualities","average","uplinkNetworkQuality","downlinkNetworkQuality","testUplinkNetworkQuality","createClient","mode","autoSubscribe","enableAutoPlayDialog","on","event","uplinkRTT","join","publish","sumNetQuality","testDownlinkNetworkQuality","subscribe","stream","downlinkRTT","reduce","current","leave","sendTestData","constraints","container","createStream","getVideoTrack","initialize","play","params","rococoUserId","cameraName","speakerId","speakerName","micName","uplinkQualityAll","uplinkQuality","downlinkQualityAll","downlinkQuality","userAgent","devicetestSave","__exports__","render"],"mappings":"6GAAA,W,kFCAA,W,sICGWA,MAAM,2B,GAGPA,MAAM,yC,EA0CN,eAAgD,OAA3CA,MAAM,2BAA0B,SAAK,G,EAC1C,eAEM,OAFDA,MAAM,+BAA8B,0BAEzC,G,GACKA,MAAM,8B,GACJA,MAAM,wC,GACJA,MAAM,+B,SAEkBA,MAAM,6B,GAa9BA,MAAM,+B,SAEkBA,MAAM,6B,GAa9BA,MAAM,+B,SAEkBA,MAAM,6B,GAa9BA,MAAM,+B,SAEkBA,MAAM,6B,SAcTA,MAAM,mC,SAO/BA,MAAM,0B,SAGNA,MAAM,gC,mBAIJA,MAAM,Q,GAIRA,MAAM,8B,EAaX,eAGO,OAFLC,GAAG,qBACHD,MAAM,gC,YAEHA,MAAM,2B,SACJA,MAAM,4B,SAGNA,MAAM,4B,GAOAA,MAAM,4B,EAYnB,eAAyD,OAApDA,MAAM,4BAA2B,iBAAa,G,EAInD,eAOM,OAPDA,MAAM,gCAA8B,CACvC,eAKS,SAJPE,IAAI,+DACJC,SAAA,GACAF,GAAG,mBACHG,aAAa,iB,YAGZJ,MAAM,2B,EACT,eAAmD,OAA9CA,MAAM,4BAA2B,WAAO,G,GAMpCA,MAAM,4B,EAWjB,eAGM,OAHDA,MAAM,4BAA0B,C,eAAC,mBACtB,eAAM,M,eAAA,oB,KAMtB,eAAkD,OAA7CA,MAAM,0BAAyB,YAAQ,G,GAEvCA,MAAM,mC,GAMNA,MAAM,2B,EACT,eAAiD,OAA5CA,MAAM,4BAA2B,SAAK,G,GAMlCA,MAAM,4B,EAWjB,eAEM,OAFDA,MAAM,4BAA2B,4BAEtC,G,EAKE,eAAgD,OAA3CA,MAAM,2BAA0B,SAAK,G,GACrCA,MAAM,+C,EACT,eAIM,OAJDA,MAAM,wBAAsB,CAC/B,eAA4B,OAAvBA,MAAM,aACX,eAA4B,OAAvBA,MAAM,aACX,eAA4B,OAAvBA,MAAM,e,MAERA,MAAM,a,EAEb,eAGM,OAHDA,MAAM,0BAAwB,C,eAAC,0EACmC,eAAM,M,eAAA,gD,KAqDzE,eAAiD,OAA5CA,MAAM,2BAA0B,UAAM,G,GACtCA,MAAM,0C,2zBA8BVA,MAAM,8B,EAeb,eAEM,OAFDA,MAAM,2BAA0B,WAErC,G,GAESA,MAAM,2B,GAGHK,MAAM,KAAKL,MAAM,gC,GAGrB,eAAY,UAAR,OAAG,G,IACHK,MAAM,MAAML,MAAM,M,UACfA,MAAM,U,UACNA,MAAM,Q,IAITK,MAAM,KAAKL,MAAM,gC,GAGrB,eAAc,UAAV,SAAK,G,IACLK,MAAM,MAAML,MAAM,M,UACfA,MAAM,U,UACNA,MAAM,Q,IAITK,MAAM,KAAKL,MAAM,gC,GAGrB,eAAY,UAAR,OAAG,G,IACHK,MAAM,MAAML,MAAM,M,UACfA,MAAM,U,UACNA,MAAM,Q,IAITK,MAAM,KAAKL,MAAM,gC,GAGrB,eAAc,UAAV,SAAK,G,IACLK,MAAM,MAAML,MAAM,M,UACfA,MAAM,U,UACNA,MAAM,a,UAGNA,MAAM,Q,UAGNA,MAAM,Q,eAUhBA,MAAM,uC,GAqBP,eAA8C,OAAzCA,MAAM,2BAA0B,OAAG,G,IACnCA,MAAM,8C,6zCAiCVA,MAAM,8B,IAcXA,MAAM,uC,mNA/dd,eAwfW,S,WAvfT,iBAsfc,CAtfd,eAsfc,IAtfAM,YAAY,EAAMN,MAAM,wB,YACpC,iBA+eM,CA/eN,eA+eM,MA/eN,EA+eM,C,eA7eJ,eAwCM,MAxCN,EAwCM,CApCJ,eAKM,OAJJA,MAAK,CAAC,6CAA4C,QAChC,EAAAO,WAAS,K,CAE3B,eAA6C,IAAlCC,KAAM,EAAAC,iBAAe,kB,GAElC,eAGO,OAFLT,MAAK,CAAC,2BAA0B,QACd,EAAAO,WAAS,K,QAE7B,eAKM,OAJJP,MAAK,CAAC,6CAA4C,QAChC,EAAAO,WAAS,K,CAE3B,eAAiD,IAAtCC,KAAM,EAAAE,qBAAmB,kB,GAEtC,eAGO,OAFLV,MAAK,CAAC,2BAA0B,QACd,EAAAO,WAAS,K,QAE7B,eAKM,OAJJP,MAAK,CAAC,6CAA4C,QAChC,EAAAO,WAAS,K,CAE3B,eAAwC,IAA7BC,KAAM,EAAAG,YAAU,kB,GAE7B,eAGO,OAFLX,MAAK,CAAC,2BAA0B,QACd,EAAAO,WAAS,K,QAE7B,eAKM,OAJJP,MAAK,CAAC,6CAA4C,QAChC,EAAAO,WAAS,K,CAE3B,eAA0C,IAA/BC,KAAM,EAAAI,cAAY,kB,kBApCvB,EAAAL,UAAS,GAAQ,EAAAA,UAAS,K,eAwCpC,eAgGM,YA/FJ,EACA,EAGA,eAqEM,MArEN,EAqEM,CApEJ,eA6DM,MA7DN,EA6DM,CA5DJ,eAcM,MAdN,EAcM,CAbJ,eAA6C,IAAlCC,KAAM,EAAAC,iBAAe,iBACrB,EAAAI,gB,iBAAX,eAWM,MAXN,EAWM,CAPI,EAAAC,kB,iBAHR,eAIY,I,MAHTN,KAAM,EAAAO,iBACPf,MAAM,2B,oCAGR,eAIY,I,MAHTQ,KAAM,EAAAQ,aACPhB,MAAM,8B,6CAKZ,eAcM,MAdN,EAcM,CAbJ,eAAiD,IAAtCQ,KAAM,EAAAE,qBAAmB,iBACzB,EAAAG,gB,iBAAX,eAWM,MAXN,EAWM,CAPI,EAAAI,iB,iBAHR,eAIY,I,MAHTT,KAAM,EAAAO,iBACPf,MAAM,2B,oCAGR,eAIY,I,MAHTQ,KAAM,EAAAQ,aACPhB,MAAM,8B,6CAKZ,eAcM,MAdN,EAcM,CAbJ,eAAwC,IAA7BQ,KAAM,EAAAG,YAAU,iBAChB,EAAAE,gB,iBAAX,eAWM,MAXN,EAWM,CAPI,EAAAK,e,iBAHR,eAIY,I,MAHTV,KAAM,EAAAO,iBACPf,MAAM,2B,oCAGR,eAIY,I,MAHTQ,KAAM,EAAAQ,aACPhB,MAAM,8B,6CAKZ,eAcM,MAdN,EAcM,CAbJ,eAA0C,IAA/BQ,KAAM,EAAAI,cAAY,iBAClB,EAAAC,gB,iBAAX,eAWM,MAXN,EAWM,CAPI,EAAAM,mB,iBAHR,eAIY,I,MAHTX,KAAM,EAAAO,iBACPf,MAAM,2B,oCAGR,eAIY,I,MAHTQ,KAAM,EAAAQ,aACPhB,MAAM,8B,+CAMF,EAAAa,e,wCAAZ,eAKM,MALN,EAKM,CAJJ,eAGoB,IAFlBO,KAAK,gBACLpB,MAAM,oCAI+B,EAAAa,gB,iBAG3C,eAOM,MAPN,EAOM,CANO,EAAAQ,W,iBAAX,eAEM,QAFgB,uC,iBAGtB,eAEM,MAFN,EAAyB,8C,iBAP3B,eAEM,MAFN,EAA2D,aAW3D,eASM,MATN,EASM,CARJ,eAOS,UANPD,KAAK,SACLpB,MAAM,wBACLsB,WAAY,EAAAD,WAAa,EAAAR,gBACzB,QAAK,8BAAE,EAAAU,UAAA,EAAAA,SAAA,sBACT,UAED,mB,cA9FkB,IAAT,EAAAhB,a,eAkGb,eA6BM,YA5BJ,EAIA,eAsBM,MAtBN,EAsBM,CArBwC,EAAAiB,c,iBAA5C,eAEM,MAFN,EAA0D,a,iBAG1D,eAA4D,MAA5D,EAA6C,c,eAC7C,eAgBM,a,mBAfJ,eAcM,2BAboB,EAAAC,YAAU,SAA1BC,EAAMC,G,wBADhB,eAcM,OAZHC,IAAKD,EACN3B,MAAM,2B,CAEN,eAQC,QARD,EAQC,C,eAPC,eAKE,SAJAoB,KAAK,QACJS,MAAOH,EAAKI,S,qDACJ,EAAAC,SAAQ,IAChB,SAAM,mBAAE,EAAAC,eAAeN,EAAKO,S,uCADpB,EAAAF,Y,eAET,IACF,eAAGL,EAAKO,OAAK,U,qBAbN,EAAAT,kBAkBf,G,cA5BoB,IAAT,EAAAjB,a,eA+Bb,eA+BM,YA9BJ,EAQ2C,EAAA2B,UAAUC,OAAM,G,iBAA3D,eAiBM,MAjBN,EAiBM,CAhBJ,G,mBACA,eAcM,2BAboB,EAAAD,WAAS,SAAzBR,EAAMC,G,wBADhB,eAcM,OAZHC,IAAKD,EACN3B,MAAM,2B,CAEN,eAQC,QARD,EAQC,C,eAPC,eAKE,SAJAoB,KAAK,QACJS,MAAOH,EAAKI,S,qDACJ,EAAAM,QAAO,IACf,SAAM,mBAAE,EAAAC,cAAcX,EAAKO,S,uCADnB,EAAAG,W,eAET,IACF,eAAGV,EAAKO,OAAK,U,+BAInB,G,cA3BoB,IAAT,EAAA1B,a,eAiCb,eA8BM,YA7BJ,EAEA,eAKM,MALN,EAKM,CAJJ,eAGoB,IAFjBsB,MAAO,EAAAS,SACRtC,MAAM,8B,oBAGV,eAiBM,MAjBN,EAiBM,CAhBJ,G,mBACA,eAcM,2BAboB,EAAAuC,SAAO,SAAvBb,EAAMC,G,wBADhB,eAcM,OAZHC,IAAKD,EACN3B,MAAM,2B,CAEN,eAQC,QARD,EAQC,C,eAPC,eAKE,SAJAoB,KAAK,QACJS,MAAOH,EAAKI,S,qDACJ,EAAAU,MAAK,IACb,SAAM,mBAAE,EAAAC,YAAYf,EAAKO,S,uCADjB,EAAAO,S,eAET,IACF,eAAGd,EAAKO,OAAK,U,QAInB,G,cA3BoB,IAAT,EAAA1B,a,eAgCb,eA4GM,Y,eA3GJ,eAcM,YAbJ,EACA,eAOM,MAPN,EAOM,CANJ,EAKA,eAAmD,MAAnD,EAAuB,QAAK,eAAG,EAAAmC,WAAY,KAAE,KAE/C,G,cAVwB,IAAb,EAAAC,iB,eAeb,eAyFM,YA1CJ,eAgCM,YA/BJ,eA8BM,YA7BJ,EACA,eAEM,MAFN,EAAoD,OAC/C,kBAAQ,EAAAA,eAAa,IAAS,WACnC,GACA,MA2BJ,eAQM,MARN,EAQM,CAPJ,eAMS,UALPvB,KAAK,SACLpB,MAAM,wBACL,QAAK,8BAAE,EAAAuB,UAAA,EAAAA,SAAA,sBACT,e,cArFQ,EAAAoB,cAAa,M,cAhBN,IAAT,EAAApC,a,eA8Gb,eA4EM,YA3EJ,EAGA,eAuDM,YAtDJ,eAqDQ,QArDR,EAqDQ,CApDN,eAmDQ,cAlDN,eASK,WARH,eAEK,KAFL,EAEK,CADH,eAA6C,IAAlCC,KAAM,EAAAC,iBAAe,mBAElC,GACA,eAGK,KAHL,GAGK,CAFuB,EAAAmC,UAAUC,Q,iBAApC,eAAoD,MAApD,GAA4C,Q,iBAC5C,eAAiC,MAAjC,GAAyB,WAG7B,eASK,WARH,eAEK,KAFL,GAEK,CADH,eAAiD,IAAtCrC,KAAM,EAAAE,qBAAmB,mBAEtC,GACA,eAGK,KAHL,GAGK,CAFuB,EAAAkC,UAAUE,O,iBAApC,eAAmD,MAAnD,GAA2C,Q,iBAC3C,eAAiC,MAAjC,GAAyB,WAG7B,eASK,WARH,eAEK,KAFL,GAEK,CADH,eAAwC,IAA7BtC,KAAM,EAAAG,YAAU,mBAE7B,GACA,eAGK,KAHL,GAGK,CAFuB,EAAAiC,UAAUG,K,iBAApC,eAAiD,MAAjD,GAAyC,Q,iBACzC,eAAiC,MAAjC,GAAyB,WAG7B,eAmBK,WAlBH,eAEK,KAFL,GAEK,CADH,eAA0C,IAA/BvC,KAAM,EAAAI,cAAY,mBAE/B,GACA,eAaK,KAbL,GAaK,CAZoC,IAAb,EAAA+B,e,iBAA1B,eAAuD,MAAvD,GAA+C,OACb,EAAAA,eAAa,G,iBAA/C,eAEM,MAFN,GAAsD,UAGzB,EAAAA,eAAa,G,iBAA1C,eAEM,MAFN,GAAiD,SAGpB,EAAAA,eAAa,G,iBAA1C,eAEM,MAFN,GAAiD,Y,iBAGjD,eAAoB,SAAR,iBAOtB,eAeM,MAfN,GAeM,CAdJ,eAMS,UALPvB,KAAK,SACLpB,MAAM,2CACL,QAAK,8BAAE,EAAAgD,QAAA,EAAAA,OAAA,sBACT,UAGD,eAMS,UALP5B,KAAK,SACLpB,MAAM,4CACL,QAAK,8BAAE,EAAAiD,UAAA,EAAAA,SAAA,sBACT,W,cAxEiB,IAAT,EAAA1C,a,eA8Eb,eAgDM,YA/CJ,eAmCM,YAlCJ,eAiCM,YAhCJ,GACA,eAEM,MAFN,GAEM,CADJ,eAA0C,IAA/BC,KAAM,EAAAQ,cAAY,mBAE/B,OA8BJ,eAQM,MARN,GAQM,CAPJ,eAMS,UALPI,KAAK,SACLpB,MAAM,wBACL,QAAK,8BAAE,EAAAiD,UAAA,EAAAA,SAAA,sBACT,W,cA1CiB,IAAT,EAAA1C,a,eAkDb,eAkBM,MAlBN,GAkBM,CAdJ,eAMS,UALPa,KAAK,SACLpB,MAAM,2CACL,QAAK,+BAAE,EAAAkD,UAAQ,MACjB,SAGD,eAMS,UALP9B,KAAK,SACLpB,MAAM,4CACL,QAAK,iCAAE,EAAAkD,UAAQ,MACjB,S,cAbO,EAAA3C,UAAS,GAAQ,EAAAA,UAAS,W,6JA0C7B,kBAAgB,CAC7B4C,KAAM,cACNC,KAF6B,WAG3B,MAAO,CACL3C,gBAAA,QACAC,oBAAA,QACAC,WAAA,QACAC,aAAA,QACAG,iBAAA,QACAC,aAAA,QACAqC,aAAA,QAEAC,OAAQ,EAER9B,cAAc,EAEd+B,YAAa,KAEbC,mBAAmB,EAEnB3C,gBAAgB,EAEhBY,WAAY,GACZc,QAAS,GACTL,UAAW,GAEXuB,iBAAiB,EACjBC,cAAc,EAEd5C,kBAAkB,EAClBG,iBAAiB,EACjBC,eAAe,EACfC,mBAAmB,EAEnBwC,iBAAkB,GAElBpD,UAAW,EAEXqD,oBAAqB,GACrBC,iBAAkB,GAClBC,mBAAoB,GACpB/B,SAAU,KACVS,MAAO,KACPJ,QAAS,KACTE,SAAU,EACVyB,cAAe,KACfnB,UAAW,CACTC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLiB,QAAS,CACPC,GAAI,EACJC,KAAM,IAGVC,aAAc,GACdC,eAAgB,GAChBC,QAAS,GACT3B,UAAW,EACX4B,WAAY,KACZC,OAAQ,KAGZC,WAAY,CACVC,WAAA,QACAC,QAAA,QACAC,eAAA,QACAC,QAAA,SAEFC,SAAU,CACRlC,cADQ,WAEN,OAAImC,KAAKtB,kBACA,EAEuB,IAA9BsB,KAAKlC,UAAUoB,QAAQC,IACS,IAAhCa,KAAKlC,UAAUoB,QAAQE,KAEhB,EAEFa,KAAKC,IAAIF,KAAKlC,UAAUoB,QAAQC,GAAIa,KAAKlC,UAAUoB,QAAQE,OAEpE7C,UAZQ,WAaN,OACEyD,KAAKhE,kBACLgE,KAAK7D,iBACL6D,KAAK5D,eACL4D,KAAK3D,oBAIX8D,QA1F6B,WA0FnB,WACJH,KAAKxB,OAEP,KAAK4B,0BAA0BC,MAAK,SAAAC,GAGlC,GAFA,EAAKf,QAAQgB,KAAKC,KAAKC,UAAUH,IACjCI,QAAQC,IAAIL,GACPA,EAAYM,OAUV,CACL,IAAMC,EAASP,EAAYO,OAExBA,EAAOC,oBACPD,EAAOE,uBACPF,EAAOG,uBACPH,EAAOI,yBACPJ,EAAOK,sBACPL,EAAOM,sBACPN,EAAOO,mBAIR,EAAK3F,UAAY,EACjB,EAAK4F,QAHL,EAAK5F,UAAY,OApBnBiF,QAAQC,IACN,cACAL,EAAYM,OACZ,cACAN,EAAYO,QAId,EAAKpF,UAAY,KAoBrBuE,KAAK7B,YAGTmD,MAAO,CACLC,OADK,WAECvB,KAAKf,eACPuC,cAAcxB,KAAKf,iBAIzBwC,QAAS,CACPtD,SADO,WAELuD,SAASC,KAAO,kCAElBzD,OAJO,WAKLwD,SAASxD,UAELX,cAPC,SAOaJ,GAAO,wKACrByE,EAAa,EAAKtE,QACtBuE,aAAaC,QAAQ,qBAAsBF,GAC3C,EAAK5C,mBAAmB+C,OAAS,CAC/B5E,MAAOA,EACPH,SAAU4E,EACVI,KAAM,eAGJC,EAAcC,SAASC,cAAc,qBAThB,SAUnBF,EAAYG,UAAUR,GAVH,OAWzB,EAAKrC,QAAQgB,KAAb,8BAAyCqB,EAAzC,qBAAgEzE,IAXvC,8CAarBQ,YApBC,SAoBWR,GAAO,sKACvBuD,QAAQC,IAAI,EAAKlD,SACb4E,EAAW,EAAK3E,MACpBmE,aAAaC,QAAQ,mBAAoBO,GACzC,EAAKtD,iBAAiBgD,OAAS,CAC7B5E,MAAOA,EACPH,SAAUqF,EACVL,KAAM,cAPe,SASjB,EAAKvD,YAAY6D,aAAa,QAASD,GATtB,OAUvB,EAAK9C,QAAQgB,KAAb,4BAAuC8B,EAAvC,qBAA4DlF,IAVrC,8CAYnBD,eAhCC,SAgCcC,GAAO,sKAC1BuD,QAAQC,IAAI,EAAK1D,UACbsF,EAAc,EAAKtF,SACvB4E,aAAaC,QAAQ,sBAAuBS,GAC5C,EAAKzD,oBAAoBiD,OAAS,CAChC5E,MAAOA,EACPH,SAAUuF,EACVP,KAAM,cAPkB,SASpB,EAAKvD,YAAY6D,aAAa,QAASC,GATnB,OAU1B,EAAKhD,QAAQgB,KAAb,+BAA0CgC,EAA1C,qBAAkEpF,IAVxC,8CAY5BiB,SA5CO,SA4CEoE,GACP,OAAQxC,KAAKvE,WACX,KAAK,EACHuE,KAAKlC,UAAUC,QAAUyE,EAKrBxC,KAAKvB,cACPuB,KAAKvB,YAAYgE,QACjB/B,QAAQC,IAAI,sBAEdX,KAAK0C,oBACL,MACF,KAAK,EACH1C,KAAKlC,UAAUE,OAASwE,EAKxBxC,KAAK2C,kBACL,MACF,KAAK,EACH3C,KAAKlC,UAAUG,KAAOuE,EAKlBxC,KAAKvB,cACPuB,KAAKvB,YAAYgE,QACjB/B,QAAQC,IAAI,sBAEdX,KAAK4C,sBACL,MACF,QACE,MAEJ5C,KAAKvD,YAEPA,SAnFO,WAoFL,OAAQuD,KAAKvE,WACX,KAAK,EACHuE,KAAK6C,qBACL,MACF,QACE,MAEJ7C,KAAKvE,aAEPqH,QA7FO,WA8FL9C,KAAKvE,aAED4F,KAhGC,WAgGM,yKACL,EAAK0B,iBADA,OAEX,EAAKC,qBACLC,YAAW,WACT,EAAKlH,gBAAiB,IACrB,KALQ,8CAOPgH,eAvGC,WAuGgB,yKACG,KAAKG,aADR,cACrB,EAAKvG,WADgB,gBAEA,KAAKwG,iBAFL,cAErB,EAAK1F,QAFgB,gBAGE,KAAK2F,cAHP,OAGrB,EAAKhG,UAHgB,OAKrBsD,QAAQC,IAAI,EAAKhE,YAEjB,EAAKS,UAAY,EAAKA,UAAUiG,QAAO,SAAAC,GACrC,OAAOA,EAAItG,SAASK,OAAS,KAG3B,EAAKV,WAAWU,OAAS,IAC3B,EAAKsB,iBAAkB,GAErB,EAAKlB,QAAQJ,OAAS,IACxB,EAAKuB,cAAe,GAEtB,EAAKjC,WAAW4G,SAAQ,SAAAxF,GAClBA,EAAOf,SAASK,OAAS,IAC3B,EAAKrB,kBAAmB,MAG5B,EAAKyB,QAAQ8F,SAAQ,SAAAtF,GACfA,EAAIjB,SAASK,OAAS,IACxB,EAAKjB,eAAgB,MAQzB,EAAKD,iBAAkB,EACvB,EAAKE,oBAAsBmH,UAAUC,OAjChB,+CAoCjBf,kBA3IC,WA2ImB,yKAClB,EAAKgB,wBADa,uBAElB,EAAKC,kBACT,CACEC,OAAO,EACPC,OAAO,EACP5G,SAAU,EAAK6B,oBAAoBiD,OAAO/E,UAE5C,sBARsB,8CAWpB0G,sBAtJC,WAsJuB,wKAExBI,EAAe,EAAK1G,UAEpB2G,EAAmBD,EAAaT,QAClC,SAAApF,GAAE,OAAKA,EAAIjB,WAAa6E,aAAamC,QAAQ,yBAE3CD,EAAiB1G,OAAS,EAC5B,EAAK2B,mBAAmB+C,OAASgC,EAAiB,GACzCD,EAAazG,OAAS,IAC/B,EAAK2B,mBAAmB+C,OAAS+B,EAAa,IAEhD,EAAKxG,QAAL,UAAe,EAAK0B,mBAAmB+C,cAAvC,aAAe,EAAgC/E,WAC3C,EAAKM,SAAWwG,EAAazG,OAAS,GAbd,wBAc1BwE,aAAaC,QAAQ,qBAAsB,EAAKxE,SAdtB,SAgBpB2E,EAAcC,SAASC,cAAc,qBAhBjB,UAiBlBF,EAAYG,UAAU,EAAK9E,SAjBT,6DAmBxBoD,QAAQC,IAAR,MAnBwB,6DAyB9BqC,mBA/KO,WA+Kc,WACnBtC,QAAQC,IAAIX,KAAKrB,iBACjB+B,QAAQC,IAAIX,KAAKpB,cAGboB,KAAKhE,kBAAoBgE,KAAK7D,iBAAmB6D,KAAK5D,eAGxDoH,UAAUS,aACPC,aAAa,CACZL,OAAO,EACPD,OAAO,IAERvD,KALH,yCAKQ,8GAEE,EAAK0C,iBAFP,4CAILoB,OAAM,SAAAC,GACL1D,QAAQC,IAAI,MAAOyD,EAAI/F,UAIzBwE,mBArMC,WAqMoB,yKACnB,EAAKwB,yBADc,uBAEnB,EAAKV,kBACT,CACEC,OAAO,EACPC,OAAO,EACP5G,SAAU,EAAK6B,oBAAoBiD,OAAO/E,UAE5C,sBARuB,OAUzB,EAAKN,cAAe,EAVK,8CAarB2H,uBAlNC,WAkNwB,mKACzBC,EAAgB,EAAK3H,WACzB+D,QAAQC,IAAI,EAAKhE,YAGb4H,EAAoBD,EAAcjB,QACpC,SAAAtF,GAAK,OACHA,EAAOf,WAAa6E,aAAamC,QAAQ,0BAEzCO,EAAkBlH,OAAS,EAC7B,EAAKyB,oBAAoBiD,OAASwC,EAAkB,GAEpD,EAAKzF,oBAAoBiD,OAASuC,EAAc,GAElD,EAAKrH,SAAL,UAAgB,EAAK6B,oBAAoBiD,cAAzC,aAAgB,EAAiC/E,SAC7C,EAAKC,UACP4E,aAAaC,QAAQ,sBAAuB,EAAK7E,UAhBtB,8CAoBzBuH,oBAtOC,WAsOqB,mKAEtBC,EAAa,EAAKhH,QAIlBiH,EAAiBD,EAAWpB,QAC9B,SAAApF,GAAE,OAAKA,EAAIjB,WAAa6E,aAAamC,QAAQ,uBAE3CU,EAAerH,OAAS,EAC1B,EAAK0B,iBAAiBgD,OAAS2C,EAAe,GAE9C,EAAK3F,iBAAiBgD,OAAS0C,EAAW,GAE5C,EAAK/G,MAAL,UAAa,EAAKqB,iBAAiBgD,cAAnC,aAAa,EAA8B/E,SACvC,EAAKU,QACP,EAAKe,YAAY6D,aAAa,QAAS,EAAK5E,OAC5CmE,aAAaC,QAAQ,mBAAoB,EAAKpE,QAjBtB,8CAsBtBiF,gBA5PC,WA4PiB,sKAClBV,EAAcC,SAASC,cAAc,qBACrCF,GACFA,EAAY0C,QAHQ,SAKhB,EAAKH,sBALW,uBAMhB,EAAKb,kBACT,CACEC,OAAO,EACPC,OAAO,EACP5G,SAAU,EAAK6B,oBAAoBiD,OAAO/E,UAE5C,sBAZoB,OAgBtB,EAAKiC,cAAgB2F,aAAY,WAC/B,IAAIC,EAAS,EAAKpG,YAAYqG,gBAC1BC,EAAM9E,KAAK+E,KAAK,GAAKH,GACzB,EAAKrH,SAAYuH,EAAM,IAAO,IAC7B,KApBmB,8CAuBlBnC,oBAnRC,WAmRqB,wLAC1B,EAAKrD,QAAQgB,KAAb,uBAEI0E,EAAW,GACXC,EAAY,GACZC,EAAU,GALY,SAMH,QAAQC,aAAajB,OAAM,SAAAC,GAGhD,OAFA1D,QAAQ2E,MAAMjB,GACd,EAAK1F,mBAAoB,GAClB,KATiB,OAMpB4G,EANoB,OAW1B,EAAK7F,OAAS8F,OAAOD,EAAShH,KAAKkH,SACnC9E,QAAQC,IAAI2E,GACZH,EAAU,CACRM,SAAUH,EAAShH,KAAKoH,MACxBjG,OAAQ6F,EAAShH,KAAKkH,SAExBP,EAAW,CACTU,OAAQL,EAAShH,KAAKsH,aAAaD,OACnCE,QAASP,EAAShH,KAAKsH,aAAaC,SAEtCX,EAAY,CACVS,OAAQL,EAAShH,KAAKwH,WAAWH,OACjCE,QAASP,EAAShH,KAAKwH,WAAWD,SAEhCE,EAAe,KACfC,EAAiB,KACjBC,EAAa,CAEfC,uBAAwB,GAExBC,yBAA0B,GAC1BC,QAAS,CACPC,qBAAsB,EACtBC,uBAAwB,IAKtBC,EAvCoB,0DAuCO,qGAC/BR,EAAe,KAAKS,aAAa,CAC/Bf,SAAUN,EAAQM,SAClBE,OAAQV,EAASU,OACjBE,QAASZ,EAASY,QAClBY,KAAM,MACNC,eAAe,EACfC,sBAAsB,IAQxBZ,EAAaa,GAAG,mBAAmB,SAAAC,GAAS,IAClCR,EAAoCQ,EAApCR,qBAAsBS,EAAcD,EAAdC,UAC1BT,EAAuB,GACzBJ,EAAWC,uBAAuB3F,KAAK8F,GAGzC,EAAK9G,QAAQgB,KAAb,+BAA0C8F,IAC1C,EAAK9G,QAAQgB,KAAb,oBAA+BuG,IAC/B,EAAKzH,aAAakB,KAAKsG,MAvBM,SA2BzBd,EAAagB,KAAK,CAAEtH,OAAQ0F,EAAQ1F,SA3BX,uBA4BzB,EAAKkE,kBACT,CACEC,OAAO,EACPC,OAAO,EACP5G,SAAU,EAAK6B,oBAAoBiD,OAAO/E,UAE5C,sBAlC6B,uBAoCzB+I,EAAaiB,QAAQ,EAAKvI,aAAa0F,OAAM,SAAAC,GAGjD,OAFA1D,QAAQ2E,MAAMjB,GACd,EAAK1F,mBAAoB,GAClB,KAvCsB,2CAvCP,qDAiFtB,EAAKc,YACPgC,cAAc,EAAKhC,YAErB,EAAKA,WAAaoF,aAAY,WAC5B,EAAKhH,YACL8C,QAAQC,IAAIsF,EAAWC,yBAErB,EAAKtI,WAAa,IACjBqI,EAAWC,uBAAuB7I,QAAU,GAC3C4I,EAAWE,yBAAyB9I,QAAU,KAEhDmE,cAAc,EAAKhC,YACnByH,OAED,KAEGC,EAjGoB,0DAiGS,qGACjClB,EAAiB,KAAKQ,aAAa,CACjCf,SAAUN,EAAQM,SAClBE,OAAQT,EAAUS,OAClBE,QAASX,EAAUW,QACnBY,KAAM,MACNC,eAAe,EACfC,sBAAsB,IAGxBX,EAAeY,GAAG,eAAlB,0DAAkC,WAAMC,GAAN,iGAC1Bb,EAAemB,UAAUN,EAAMO,OAAQ,CAC3CxD,OAAO,EACPC,OAAO,IAHuB,OAMhCmC,EAAeY,GAAG,mBAAmB,SAAAC,GAAS,IACpCP,EAAwCO,EAAxCP,uBAAwBe,EAAgBR,EAAhBQ,YAC5Bf,EAAyB,GAC3BL,EAAWE,yBAAyB5F,KAAK+F,GAG3C,EAAK/G,QAAQgB,KAAb,iCAC4B+F,IAE5B,EAAK/G,QAAQgB,KAAb,sBAAiC8G,IACjC,EAAK/H,eAAeiB,KAAKsG,MAhBK,2CAAlC,uDAViC,SA8B3Bb,EAAee,KAAK,CAAEtH,OAAQ0F,EAAQ1F,SA9BX,2CAjGT,qDAmI1B8G,IACAW,IAGMD,EAAgB,WAEhBhB,EAAWC,uBAAuB7I,QAAU,GAC9C4I,EAAWG,QAAQC,qBAAuBpG,KAAK+E,KAC7CiB,EAAWC,uBAAuBoB,QAChC,SAACvK,EAAOwK,GAAR,OAAoBxK,EAAQwK,IAC5B,GACEtB,EAAWC,uBAAuB7I,QAExC,EAAKS,UAAUoB,QAAQC,GAAK8G,EAAWG,QAAQC,sBAE/C,EAAKvI,UAAUoB,QAAQC,GAAK,EAG1B8G,EAAWE,yBAAyB9I,QAAU,GAEhD4I,EAAWG,QAAQE,uBAAyBrG,KAAK+E,KAC/CiB,EAAWE,yBAAyBmB,QAClC,SAACvK,EAAOwK,GAAR,OAAoBxK,EAAQwK,IAC5B,GACEtB,EAAWE,yBAAyB9I,QAE1C,EAAKS,UAAUoB,QAAQE,KACrB6G,EAAWG,QAAQE,wBAErB,EAAKxI,UAAUoB,QAAQE,KAAO,EAIE,IAAhC,EAAKtB,UAAUoB,QAAQE,MACO,IAA9B,EAAKtB,UAAUoB,QAAQC,KAEvB,EAAKT,mBAAoB,GAG3B,EAAKa,QAAQgB,KAAb,mCAC8BC,KAAKC,UAAUwF,EAAY,KAAM,QAE/DF,EAAayB,QACbxB,EAAewB,QACf,EAAK/I,YAAYgE,QACjB,EAAKgF,gBAhLmB,+CAuLtB9D,kBA1cC,SA0ciB+D,EAAaC,GAAW,gKAC9C,EAAKlJ,YAAc,eAAQ,KAAKmJ,aAAaF,IAC7ChH,QAAQC,IAAI,uBAAwB,EAAKlC,YAAYoJ,iBAFP,kBAYtC,EAAKpJ,YAAYqJ,aAZqB,OAa5CpH,QAAQC,IAAI,sBAbgC,mDAe5CD,QAAQC,IAAR,MAf4C,QAiB9CgH,GAAa,EAAKlJ,YAAYsJ,KAAKJ,GAjBW,4DAmBhDF,aA7dO,WA6dQ,gBACPO,EAAS,CACbvI,OAAQO,KAAKP,OACbwI,aAAc1C,OAAOvF,KAAKxB,SAAW,GACrCvB,UAAU,UAAA+C,KAAKlB,oBAAoBiD,cAAzB,eAAiC/E,WAAY,GACvDkL,YAAY,UAAAlI,KAAKlB,oBAAoBiD,cAAzB,eAAiC5E,QAAS,GACtDgL,WAAW,UAAAnI,KAAKhB,mBAAmB+C,cAAxB,eAAgC/E,WAAY,GACvDoL,aAAa,UAAApI,KAAKhB,mBAAmB+C,cAAxB,eAAgC5E,QAAS,GACtDO,OAAO,UAAAsC,KAAKjB,iBAAiBgD,cAAtB,eAA8B/E,WAAY,GACjDqL,SAAS,UAAArI,KAAKjB,iBAAiBgD,cAAtB,eAA8B5E,QAAS,GAChDmL,iBAAkB9H,KAAKC,UAAUT,KAAKX,cACtCkJ,cAAehD,OAAOvF,KAAKlC,UAAUoB,QAAQC,IAC7CqJ,mBAAoBhI,KAAKC,UAAUT,KAAKV,gBACxCmJ,gBAAiBlD,OAAOvF,KAAKlC,UAAUoB,QAAQE,MAC/CsJ,UAAWlF,UAAUkF,WAEvB,QAAQC,eAAeX,GACvBtH,QAAQC,IAAIqH,O,8CCxnClB,MAAMY,GAA2B,KAAgB,GAAQ,CAAC,CAAC,SAASC,IAAQ,CAAC,YAAY,qBAE1E","file":"js/DeviceCheck.a2242f67.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./DeviceCheck.vue?vue&type=style&index=1&id=209364fa&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./DeviceCheck.vue?vue&type=style&index=0&id=209364fa&scoped=true&lang=css\"","<template>\r\n  <ion-page>\r\n    <ion-content :fullscreen=\"true\" class=\"device-check-content\">\r\n      <div class=\"common-body-720-90 pb40\">\r\n        <!-- top nav -->\r\n        <div\r\n          class=\"flexCenter dflex device-check-top-nav\"\r\n          v-show=\"stepCount > 1 && stepCount < 6\"\r\n        >\r\n          <div\r\n            class=\"device-check-top-nav-icon flexCenter dflex\"\r\n            :class=\"{ active: stepCount >= 2 }\"\r\n          >\r\n            <ion-icon :icon=\"videocamOutline\"></ion-icon>\r\n          </div>\r\n          <div\r\n            class=\"device-check-top-nav-bar\"\r\n            :class=\"{ active: stepCount >= 3 }\"\r\n          ></div>\r\n          <div\r\n            class=\"device-check-top-nav-icon flexCenter dflex\"\r\n            :class=\"{ active: stepCount >= 3 }\"\r\n          >\r\n            <ion-icon :icon=\"volumeMediumOutline\"></ion-icon>\r\n          </div>\r\n          <div\r\n            class=\"device-check-top-nav-bar\"\r\n            :class=\"{ active: stepCount >= 4 }\"\r\n          ></div>\r\n          <div\r\n            class=\"device-check-top-nav-icon flexCenter dflex\"\r\n            :class=\"{ active: stepCount >= 4 }\"\r\n          >\r\n            <ion-icon :icon=\"micOutline\"></ion-icon>\r\n          </div>\r\n          <div\r\n            class=\"device-check-top-nav-bar\"\r\n            :class=\"{ active: stepCount >= 5 }\"\r\n          ></div>\r\n          <div\r\n            class=\"device-check-top-nav-icon flexCenter dflex\"\r\n            :class=\"{ active: stepCount >= 5 }\"\r\n          >\r\n            <ion-icon :icon=\"globeOutline\"></ion-icon>\r\n          </div>\r\n        </div>\r\n        <!-- step.1 -->\r\n        <div v-show=\"stepCount === 1\">\r\n          <div class=\"device-check-stp1-title\">設備テスト</div>\r\n          <div class=\"device-check-stp1-sub-title\">\r\n            カメラ・マイクの権限を許可してください。\r\n          </div>\r\n          <div class=\"device-check-stp1-mid-body\">\r\n            <div class=\"device-check-stp1-icon-body clearfix\">\r\n              <div class=\"device-check-stp1-icon-item\">\r\n                <ion-icon :icon=\"videocamOutline\"></ion-icon>\r\n                <div v-if=\"step1CheckFlag\" class=\"device-check-checked-icon\">\r\n                  <ion-icon\r\n                    :icon=\"checkmarkOutline\"\r\n                    class=\"device-check-checked-ok\"\r\n                    v-if=\"hasCameraConnect\"\r\n                  ></ion-icon>\r\n                  <ion-icon\r\n                    :icon=\"closeOutline\"\r\n                    class=\"device-check-checked-error\"\r\n                    v-else\r\n                  ></ion-icon>\r\n                </div>\r\n              </div>\r\n              <div class=\"device-check-stp1-icon-item\">\r\n                <ion-icon :icon=\"volumeMediumOutline\"></ion-icon>\r\n                <div v-if=\"step1CheckFlag\" class=\"device-check-checked-icon\">\r\n                  <ion-icon\r\n                    :icon=\"checkmarkOutline\"\r\n                    class=\"device-check-checked-ok\"\r\n                    v-if=\"hasVoiceConnect\"\r\n                  ></ion-icon>\r\n                  <ion-icon\r\n                    :icon=\"closeOutline\"\r\n                    class=\"device-check-checked-error\"\r\n                    v-else\r\n                  ></ion-icon>\r\n                </div>\r\n              </div>\r\n              <div class=\"device-check-stp1-icon-item\">\r\n                <ion-icon :icon=\"micOutline\"></ion-icon>\r\n                <div v-if=\"step1CheckFlag\" class=\"device-check-checked-icon\">\r\n                  <ion-icon\r\n                    :icon=\"checkmarkOutline\"\r\n                    class=\"device-check-checked-ok\"\r\n                    v-if=\"hasMicConnect\"\r\n                  ></ion-icon>\r\n                  <ion-icon\r\n                    :icon=\"closeOutline\"\r\n                    class=\"device-check-checked-error\"\r\n                    v-else\r\n                  ></ion-icon>\r\n                </div>\r\n              </div>\r\n              <div class=\"device-check-stp1-icon-item\">\r\n                <ion-icon :icon=\"globeOutline\"></ion-icon>\r\n                <div v-if=\"step1CheckFlag\" class=\"device-check-checked-icon\">\r\n                  <ion-icon\r\n                    :icon=\"checkmarkOutline\"\r\n                    class=\"device-check-checked-ok\"\r\n                    v-if=\"hasNetworkConnect\"\r\n                  ></ion-icon>\r\n                  <ion-icon\r\n                    :icon=\"closeOutline\"\r\n                    class=\"device-check-checked-error\"\r\n                    v-else\r\n                  ></ion-icon>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"!step1CheckFlag\" class=\"device-check-stp1-progress-body\">\r\n              <ion-progress-bar\r\n                type=\"indeterminate\"\r\n                class=\"device-check-stp1-progress\"\r\n              ></ion-progress-bar>\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-stp1-tips\" v-if=\"!step1CheckFlag\">\r\n            設備へ接続中\r\n          </div>\r\n          <div class=\"device-check-stp1-tips is-ok\" v-else>\r\n            <div v-if=\"step1IsOk\">\r\n              設備及びネットの接続が成功しました。テストを開始してください。\r\n            </div>\r\n            <div class=\"cRed\" v-else>\r\n              設備及びネットの接続が失敗しました。もう一度、設備を確認してください。\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-stp1-btn-body\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"device-check-stp1-btn\"\r\n              :disabled=\"!(step1IsOk && step1CheckFlag)\"\r\n              @click=\"nextStep\"\r\n            >\r\n              テスト開始\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <!-- step.2 -->\r\n        <div v-show=\"stepCount === 2\">\r\n          <div\r\n            id=\"camera-check-video\"\r\n            class=\"device-check-stp2-video-body\"\r\n          ></div>\r\n          <div class=\"device-check-radio-body\">\r\n            <div class=\"device-check-radio-title\" v-if=\"carameIsOpen\">\r\n              カメラ選択\r\n            </div>\r\n            <div class=\"device-check-radio-title\" v-else>カメラ起動中...</div>\r\n            <div v-show=\"carameIsOpen\">\r\n              <div\r\n                v-for=\"(item, index) in cameraList\"\r\n                :key=\"index\"\r\n                class=\"device-check-radio-item\"\r\n              >\r\n                <label class=\"device-check-radio-label\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    :value=\"item.deviceId\"\r\n                    v-model=\"cameraId\"\r\n                    @change=\"cameraIdChange(item.label)\"\r\n                  />\r\n                  {{ item.label }}</label\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-common-tips\">カメラは起動していますか？</div>\r\n        </div>\r\n        <!-- step.3 -->\r\n        <div v-show=\"stepCount === 3\">\r\n          <div class=\"device-check-stp3-audio-body\">\r\n            <audio\r\n              src=\"https://rococo-1259241735.file.myqcloud.com/prd/mp3/test.mp3\"\r\n              controls\r\n              id=\"deviceCheckAudio\"\r\n              controlslist=\"nodownload\"\r\n            ></audio>\r\n          </div>\r\n          <div class=\"device-check-radio-body\" v-if=\"voiceList.length > 0\">\r\n            <div class=\"device-check-radio-title\">スピーカー選択</div>\r\n            <div\r\n              v-for=\"(item, index) in voiceList\"\r\n              :key=\"index\"\r\n              class=\"device-check-radio-item\"\r\n            >\r\n              <label class=\"device-check-radio-label\">\r\n                <input\r\n                  type=\"radio\"\r\n                  :value=\"item.deviceId\"\r\n                  v-model=\"voiceId\"\r\n                  @change=\"voiceIdChange(item.label)\"\r\n                />\r\n                {{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-common-tips\">\r\n            再生ボタンで音楽が流れます。<br />\r\n            音量を調整してください。\r\n          </div>\r\n        </div>\r\n        <!-- step.4 -->\r\n        <div v-show=\"stepCount === 4\">\r\n          <div class=\"device-check-stp4-tips\">何か話しましょう</div>\r\n\r\n          <div class=\"device-check-stp4-progress-body\">\r\n            <ion-progress-bar\r\n              :value=\"myVolume\"\r\n              class=\"device-check-stp4-progress\"\r\n            ></ion-progress-bar>\r\n          </div>\r\n          <div class=\"device-check-radio-body\">\r\n            <div class=\"device-check-radio-title\">マイク選択</div>\r\n            <div\r\n              v-for=\"(item, index) in micList\"\r\n              :key=\"index\"\r\n              class=\"device-check-radio-item\"\r\n            >\r\n              <label class=\"device-check-radio-label\">\r\n                <input\r\n                  type=\"radio\"\r\n                  :value=\"item.deviceId\"\r\n                  v-model=\"micId\"\r\n                  @change=\"micIdChange(item.label)\"\r\n                />\r\n                {{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-common-tips\">\r\n            声を出した時にピンクのバーは動いていますか？\r\n          </div>\r\n        </div>\r\n        <!-- step.5 -->\r\n        <div v-show=\"stepCount === 5\">\r\n          <div v-show=\"netWorkStatus === 0\">\r\n            <div class=\"device-check-stp5-title\">ネット状況</div>\r\n            <div class=\"common-authing-body margin-auto devicecheck\">\r\n              <div class=\"common-authing item7\">\r\n                <div class=\"dot dot1\"></div>\r\n                <div class=\"dot dot2\"></div>\r\n                <div class=\"dot dot3\"></div>\r\n              </div>\r\n              <div class=\"tc cWhite\">テスト中({{ countDown }}s)</div>\r\n            </div>\r\n            <div class=\"device-check-stp5-tips\">\r\n              テスト中です。約1〜2分かかる場合があります。しばらく経っても自動で画面が切り替わらない場合はネットワーク状態が不安定な可能性があります。<br />\r\n              ネットワーク環境をご確認の上、ブラウザのリロード、または再起動をお試しください。\r\n            </div>\r\n          </div>\r\n          <div v-show=\"netWorkStatus > 0\">\r\n            <!-- <div v-if=\"netWorkStatus <= 1\">\r\n              <div class=\"device-check-stp5-title\">ネット状況</div>\r\n              <div class=\"device-check-stp5-cir green flexCenter dflex\">\r\n                <ion-icon :icon=\"checkmarkOutline\"></ion-icon>\r\n              </div>\r\n              <div class=\"device-check-stp5-tips\">\r\n                現在のネットワークの状態：良い<br />\r\n                このままネットワーク環境を安定させてください。\r\n              </div>\r\n            </div>\r\n            <div v-else-if=\"netWorkStatus <= 3\">\r\n              <div>\r\n                <div class=\"device-check-stp5-title\">ネット状況</div>\r\n                <div class=\"device-check-stp5-cir orange flexCenter dflex\">\r\n                  <ion-icon :icon=\"alertOutline\"></ion-icon>\r\n                </div>\r\n                <div class=\"device-check-stp5-tips\">\r\n                  現在のネットワークの状態：あまり良くない<br />\r\n                  会話が遅延が生じる場合がありますので、ネットワーク環境の良い場所へ移動してください。\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div v-else-if=\"netWorkStatus === 7\">\r\n              <div>\r\n                <div class=\"device-check-stp5-title\">ネット状況</div>\r\n                <div class=\"device-check-stp5-cir red flexCenter dflex\">\r\n                  <ion-icon :icon=\"closeOutline\"></ion-icon>\r\n                </div>\r\n                <div class=\"device-check-stp5-tips\">\r\n                  現在のネットワークの状態：エラー<br />\r\n                  ネットワークが見つかりません。移動して頂くか推奨環境の確認をお願いします。\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div v-else>\r\n              <div>\r\n                <div class=\"device-check-stp5-title\">ネット状況</div>\r\n                <div class=\"device-check-stp5-cir red flexCenter dflex\">\r\n                  <ion-icon :icon=\"closeOutline\"></ion-icon>\r\n                </div>\r\n                <div class=\"device-check-stp5-tips\">\r\n                  現在のネットワークの状態：非常に悪い<br />\r\n                  会話が出来ない可能性がありますので、必ずネットワーク環境の良い場所へ移動してください。\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n            <div>\r\n              <div>\r\n                <div class=\"device-check-stp5-title\">通信測定点数</div>\r\n                <div class=\"flexCenter dflex device-check-stp5-ten\">\r\n                  評価：{{ 8 - (netWorkStatus || 7) }}点 / 7点中\r\n                </div>\r\n                <div class=\"device-check-stp5-tips\">\r\n                  ※通信測定基準<br />\r\n                  <div class=\"flex-row\">\r\n                    <div style=\"flex: 0 0 55px;\" class=\"tr\">7：</div>\r\n                    <div style=\"flex: 1;\">良い</div>\r\n                  </div>\r\n                  <div class=\"flex-row\">\r\n                    <div style=\"flex: 0 0 55px;\" class=\"tr\">5～6：</div>\r\n                    <div style=\"flex: 1;\">\r\n                      不安定、画質が落ちる、通信不可の可能性が有り\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex-row\">\r\n                    <div style=\"flex: 0 0 55px;\" class=\"tr\">3～4：</div>\r\n                    <div style=\"flex: 1;\">\r\n                      悪い、通信不可の可能性が大いに有る\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex-row\">\r\n                    <div style=\"flex: 0 0 55px;\" class=\"tr\">1～2：</div>\r\n                    <div style=\"flex: 1;\">通信不可</div>\r\n                  </div>\r\n                  <br />\r\n                  1～4点の場合は、測定結果が5～7点になるよう場所の移動をお願いいたします。\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"device-check-stp1-btn-body\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"device-check-stp1-btn\"\r\n                @click=\"nextStep\"\r\n              >\r\n                テスト結果へ\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <!-- {{ checkList.network.up }} |\r\n          {{ checkList.network.down }} -->\r\n        </div>\r\n        <!-- step.6 -->\r\n        <div v-show=\"stepCount === 6\">\r\n          <div class=\"device-check-stp6-title\">\r\n            テスト結果\r\n          </div>\r\n          <div>\r\n            <table class=\"device-check-stp6-table\">\r\n              <tbody>\r\n                <tr>\r\n                  <td width=\"50\" class=\"device-check-stp6-table-icon\">\r\n                    <ion-icon :icon=\"videocamOutline\"></ion-icon>\r\n                  </td>\r\n                  <td>カメラ</td>\r\n                  <td width=\"120\" class=\"tr\">\r\n                    <div class=\"cGreen\" v-if=\"checkList.camera\">正常</div>\r\n                    <div class=\"cRed\" v-else>異常</div>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td width=\"50\" class=\"device-check-stp6-table-icon\">\r\n                    <ion-icon :icon=\"volumeMediumOutline\"></ion-icon>\r\n                  </td>\r\n                  <td>スピーカー</td>\r\n                  <td width=\"120\" class=\"tr\">\r\n                    <div class=\"cGreen\" v-if=\"checkList.voice\">正常</div>\r\n                    <div class=\"cRed\" v-else>異常</div>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td width=\"50\" class=\"device-check-stp6-table-icon\">\r\n                    <ion-icon :icon=\"micOutline\"></ion-icon>\r\n                  </td>\r\n                  <td>マイク</td>\r\n                  <td width=\"120\" class=\"tr\">\r\n                    <div class=\"cGreen\" v-if=\"checkList.mic\">正常</div>\r\n                    <div class=\"cRed\" v-else>異常</div>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td width=\"50\" class=\"device-check-stp6-table-icon\">\r\n                    <ion-icon :icon=\"globeOutline\"></ion-icon>\r\n                  </td>\r\n                  <td>ネット状況</td>\r\n                  <td width=\"120\" class=\"tr\">\r\n                    <div class=\"cGreen\" v-if=\"netWorkStatus === 1\">良い</div>\r\n                    <div class=\"cOrangeed\" v-else-if=\"netWorkStatus <= 3\">\r\n                      不安定\r\n                    </div>\r\n                    <div class=\"cRed\" v-else-if=\"netWorkStatus <= 5\">\r\n                      悪い\r\n                    </div>\r\n                    <div class=\"cRed\" v-else-if=\"netWorkStatus <= 7\">\r\n                      通信不可\r\n                    </div>\r\n                    <div v-else>未知</div>\r\n                    <!-- <div class=\"cRed\" v-else>悪い</div> -->\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"device-check-common-bottom-btn-body\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"device-check-common-bottom-btn type-left\"\r\n              @click=\"reload\"\r\n            >\r\n              やり直す\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              class=\"device-check-common-bottom-btn type-right\"\r\n              @click=\"goRococo\"\r\n            >\r\n              完了\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <!-- step.no support -->\r\n        <div v-show=\"stepCount === 7\">\r\n          <div>\r\n            <div>\r\n              <div class=\"device-check-stp7-title\">エラー</div>\r\n              <div class=\"device-check-stp5-cir red flexCenter dflex\">\r\n                <ion-icon :icon=\"closeOutline\"></ion-icon>\r\n              </div>\r\n              <div class=\"device-check-stp7-res\">\r\n                端末またはブラウザはご利用いただけません。<br />\r\n                推奨環境をご確認ください。\r\n              </div>\r\n              <div class=\"device-check-stp7-tips\">\r\n                推奨環境<br />\r\n                <span class=\"device-check-stp7-circle\">○</span>PC<br />\r\n                <span class=\"device-check-stp7-dot\">·</span>Windows10\r\n                (最新バージョンのGoogle Chrome、Microsoft Edge)<br />\r\n                <span class=\"device-check-stp7-dot\">·</span>※Internet\r\n                Explorer未対応<br />\r\n                <span class=\"device-check-stp7-dot\">·</span>macOS11.0以上\r\n                (最新バージョンのGoogle Chrome、Safari)<br />\r\n                <span class=\"device-check-stp7-circle\">○</span\r\n                >スマートフォン・タブレット<br />\r\n                <span class=\"device-check-stp7-dot\">·</span>Android 8\r\n                以上(最新バージョンのGoogle Chrome)<br />\r\n                <span class=\"device-check-stp7-dot\">·</span>iOS\r\n                12.0以上(最新バージョンのSafari、Google Chrome)<br />\r\n                <span class=\"device-check-stp7-circle\">○</span\r\n                >モバイル端末<br />\r\n                <span class=\"device-check-stp7-dot\">·</span\r\n                >iPhone：iPhone7以降（7含む）<br />\r\n                <span class=\"device-check-stp7-dot\">·</span\r\n                >Android：概ね直近3年以内に発売された端末<br />\r\n                <br />\r\n                備考：Huawei端末非対応（使用上制限されている機能があるため）\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"device-check-stp1-btn-body\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"device-check-stp1-btn\"\r\n              @click=\"goRococo\"\r\n            >\r\n              戻る\r\n            </button>\r\n          </div>\r\n          <!-- {{ checkList.network.up }} |\r\n          {{ checkList.network.down }} -->\r\n        </div>\r\n        <!-- stepNav -->\r\n        <div\r\n          class=\"device-check-common-bottom-btn-body\"\r\n          v-show=\"stepCount > 1 && stepCount < 5\"\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            class=\"device-check-common-bottom-btn type-left\"\r\n            @click=\"setError(true)\"\r\n          >\r\n            いいえ\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            class=\"device-check-common-bottom-btn type-right\"\r\n            @click=\"setError(false)\"\r\n          >\r\n            はい\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <!-- <div>\r\n        <div v-for=\"(log, index) in logList\" :key=\"index\">\r\n          {{ log }}\r\n        </div>\r\n      </div> -->\r\n    </ion-content>\r\n  </ion-page>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent, markRaw } from 'vue'\r\nimport { IonContent, IonPage, IonProgressBar, IonIcon } from '@ionic/vue'\r\nimport {\r\n  videocamOutline,\r\n  volumeMediumOutline,\r\n  micOutline,\r\n  globeOutline,\r\n  checkmarkOutline,\r\n  closeOutline,\r\n  alertOutline\r\n} from 'ionicons/icons'\r\nimport TRTC from 'trtc-js-sdk'\r\nimport { authApi } from '../../../api'\r\n\r\nexport default defineComponent({\r\n  name: 'DeviceCheck',\r\n  data() {\r\n    return {\r\n      videocamOutline,\r\n      volumeMediumOutline,\r\n      micOutline,\r\n      globeOutline,\r\n      checkmarkOutline,\r\n      closeOutline,\r\n      alertOutline,\r\n      // this.$route.query.userid\r\n      userid: 1,\r\n\r\n      carameIsOpen: false,\r\n\r\n      localStream: null,\r\n\r\n      networdCheckError: false,\r\n\r\n      step1CheckFlag: false,\r\n\r\n      cameraList: [],\r\n      micList: [],\r\n      voiceList: [],\r\n\r\n      hasCameraDevice: false,\r\n      hasMicDevice: false,\r\n\r\n      hasCameraConnect: false,\r\n      hasVoiceConnect: false,\r\n      hasMicConnect: false,\r\n      hasNetworkConnect: false,\r\n\r\n      curTestingPageId: '',\r\n\r\n      stepCount: 0,\r\n\r\n      cameraTestingResult: {},\r\n      micTestingResult: {},\r\n      voiceTestingResult: {},\r\n      cameraId: null,\r\n      micId: null,\r\n      voiceId: null,\r\n      myVolume: 0,\r\n      myVolumeTimer: null,\r\n      checkList: {\r\n        camera: false,\r\n        voice: false,\r\n        mic: false,\r\n        network: {\r\n          up: 0,\r\n          down: 0\r\n        }\r\n      },\r\n      networkUpLog: [],\r\n      networkDownLog: [],\r\n      logList: [],\r\n      countDown: 0,\r\n      countTimer: null,\r\n      roomId: ''\r\n    }\r\n  },\r\n  components: {\r\n    IonContent,\r\n    IonPage,\r\n    IonProgressBar,\r\n    IonIcon\r\n  },\r\n  computed: {\r\n    netWorkStatus() {\r\n      if (this.networdCheckError) {\r\n        return 7\r\n      } else if (\r\n        this.checkList.network.up === 0 ||\r\n        this.checkList.network.down === 0\r\n      ) {\r\n        return 0\r\n      }\r\n      return Math.max(this.checkList.network.up, this.checkList.network.down)\r\n    },\r\n    step1IsOk() {\r\n      return (\r\n        this.hasCameraConnect &&\r\n        this.hasVoiceConnect &&\r\n        this.hasMicConnect &&\r\n        this.hasNetworkConnect\r\n      )\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.userid) {\r\n      // this.init()\r\n      TRTC.checkSystemRequirements().then(checkResult => {\r\n        this.logList.push(JSON.stringify(checkResult))\r\n        console.log(checkResult)\r\n        if (!checkResult.result) {\r\n          console.log(\r\n            'checkResult',\r\n            checkResult.result,\r\n            'checkDetail',\r\n            checkResult.detail\r\n          )\r\n\r\n          // SDK 不支持当前浏览器，根据用户设备类型建议用户使用 SDK 支持的浏览器\r\n          this.stepCount = 7\r\n        } else {\r\n          const detail = checkResult.detail\r\n          if (\r\n            !detail.isBrowserSupported ||\r\n            !detail.isH264DecodeSupported ||\r\n            !detail.isH264EncodeSupported ||\r\n            !detail.isMediaDevicesSupported ||\r\n            !detail.isVp8DecodeSupported ||\r\n            !detail.isVp8EncodeSupported ||\r\n            !detail.isWebRTCSupported\r\n          ) {\r\n            this.stepCount = 7\r\n          } else {\r\n            this.stepCount = 1\r\n            this.init()\r\n          }\r\n        }\r\n      })\r\n    } else {\r\n      this.goRococo()\r\n    }\r\n  },\r\n  watch: {\r\n    $route() {\r\n      if (this.myVolumeTimer) {\r\n        clearInterval(this.myVolumeTimer)\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    goRococo() {\r\n      location.href = 'https://online-talk.jp/history'\r\n    },\r\n    reload() {\r\n      location.reload()\r\n    },\r\n    async voiceIdChange(label) {\r\n      let newVoiceId = this.voiceId\r\n      localStorage.setItem('txy_webRTC_voiceId', newVoiceId)\r\n      this.voiceTestingResult.device = {\r\n        label: label,\r\n        deviceId: newVoiceId,\r\n        kind: 'audiooutput'\r\n      }\r\n\r\n      let audioPlayer = document.querySelector('#deviceCheckAudio')\r\n      await audioPlayer.setSinkId(newVoiceId)\r\n      this.logList.push(`voiceIdChange id is ${newVoiceId},label is ${label}`)\r\n    },\r\n    async micIdChange(label) {\r\n      console.log(this.micList)\r\n      let newMicID = this.micId\r\n      localStorage.setItem('txy_webRTC_micId', newMicID)\r\n      this.micTestingResult.device = {\r\n        label: label,\r\n        deviceId: newMicID,\r\n        kind: 'audioinput'\r\n      }\r\n      await this.localStream.switchDevice('audio', newMicID)\r\n      this.logList.push(`micIdChange id is ${newMicID},label is ${label}`)\r\n    },\r\n    async cameraIdChange(label) {\r\n      console.log(this.cameraId)\r\n      let newCameraId = this.cameraId\r\n      localStorage.setItem('txy_webRTC_cameraId', newCameraId)\r\n      this.cameraTestingResult.device = {\r\n        label: label,\r\n        deviceId: newCameraId,\r\n        kind: 'videoinput'\r\n      }\r\n      await this.localStream.switchDevice('video', newCameraId)\r\n      this.logList.push(`cameraIdChange id is ${newCameraId},label is ${label}`)\r\n    },\r\n    setError(isError) {\r\n      switch (this.stepCount) {\r\n        case 2:\r\n          this.checkList.camera = !isError\r\n          //   if (!isError && this.cameraId) {\r\n          //     console.log('储存摄像头ID')\r\n          //     localStorage.setItem('txy_webRTC_cameraId', this.cameraId)\r\n          //   }\r\n          if (this.localStream) {\r\n            this.localStream.close()\r\n            console.log('close localStream')\r\n          }\r\n          this.startVoiceTesting()\r\n          break\r\n        case 3:\r\n          this.checkList.voice = !isError\r\n          //   if (!isError && this.voiceId && this.voiceList.length > 0) {\r\n          //     console.log('储存扬声器ID')\r\n          //     localStorage.setItem('txy_webRTC_voiceId', this.voiceId)\r\n          //   }\r\n          this.startMicTesting()\r\n          break\r\n        case 4:\r\n          this.checkList.mic = !isError\r\n          //   if (!isError && this.micId) {\r\n          //     console.log('储存麦克风ID')\r\n          //     localStorage.setItem('txy_webRTC_micId', this.micId)\r\n          //   }\r\n          if (this.localStream) {\r\n            this.localStream.close()\r\n            console.log('close localStream')\r\n          }\r\n          this.startNetworkTesting()\r\n          break\r\n        default:\r\n          break\r\n      }\r\n      this.nextStep()\r\n    },\r\n    nextStep() {\r\n      switch (this.stepCount) {\r\n        case 1:\r\n          this.startCameraTesting()\r\n          break\r\n        default:\r\n          break\r\n      }\r\n      this.stepCount++\r\n    },\r\n    preStep() {\r\n      this.stepCount--\r\n    },\r\n    async init() {\r\n      await this.getDevicesInfo()\r\n      this.startDeviceConnect()\r\n      setTimeout(() => {\r\n        this.step1CheckFlag = true\r\n      }, 2000)\r\n    },\r\n    async getDevicesInfo() {\r\n      this.cameraList = await TRTC.getCameras()\r\n      this.micList = await TRTC.getMicrophones()\r\n      this.voiceList = await TRTC.getSpeakers()\r\n      // debugger\r\n      console.log(this.cameraList)\r\n      //   alert(JSON.stringify(this.cameraList))\r\n      this.voiceList = this.voiceList.filter(spk => {\r\n        return spk.deviceId.length > 0\r\n      })\r\n\r\n      if (this.cameraList.length > 0) {\r\n        this.hasCameraDevice = true\r\n      }\r\n      if (this.micList.length > 0) {\r\n        this.hasMicDevice = true\r\n      }\r\n      this.cameraList.forEach(camera => {\r\n        if (camera.deviceId.length > 0) {\r\n          this.hasCameraConnect = true\r\n        }\r\n      })\r\n      this.micList.forEach(mic => {\r\n        if (mic.deviceId.length > 0) {\r\n          this.hasMicConnect = true\r\n        }\r\n      })\r\n      //   this.voiceList.forEach(voice => {\r\n      //     if (voice.deviceId.length > 0) {\r\n      //       this.hasVoiceConnect = true\r\n      //     }\r\n      //   })\r\n      this.hasVoiceConnect = true\r\n      this.hasNetworkConnect = !!navigator.onLine\r\n    },\r\n    // 播放器设备测试\r\n    async startVoiceTesting() {\r\n      await this.updateVoiceDeviceList()\r\n      await this.createLocalStream(\r\n        {\r\n          audio: true,\r\n          video: false,\r\n          cameraId: this.cameraTestingResult.device.deviceId\r\n        },\r\n        'camera-check-video'\r\n      )\r\n    },\r\n    async updateVoiceDeviceList() {\r\n      // 获取扬声器设备并展示在界面中\r\n      let voiceDevices = this.voiceList\r\n      // 如果有用户设备选择缓存，优先使用缓存的deviceId\r\n      let cacheVoiceDevice = voiceDevices.filter(\r\n        mic => mic.deviceId === localStorage.getItem('txy_webRTC_voiceId')\r\n      )\r\n      if (cacheVoiceDevice.length > 0) {\r\n        this.voiceTestingResult.device = cacheVoiceDevice[0]\r\n      } else if (voiceDevices.length > 0) {\r\n        this.voiceTestingResult.device = voiceDevices[0]\r\n      }\r\n      this.voiceId = this.voiceTestingResult.device?.deviceId\r\n      if (this.voiceId && voiceDevices.length > 1) {\r\n        localStorage.setItem('txy_webRTC_voiceId', this.voiceId)\r\n        try {\r\n          let audioPlayer = document.querySelector('#deviceCheckAudio')\r\n          await audioPlayer.setSinkId(this.voiceId)\r\n        } catch (error) {\r\n          console.log(error)\r\n        }\r\n      }\r\n    },\r\n\r\n    // 弹窗-设备连接检查\r\n    startDeviceConnect() {\r\n      console.log(this.hasCameraDevice)\r\n      console.log(this.hasMicDevice)\r\n      // 如果有设备未连接，唤起请求弹窗\r\n      if (\r\n        !(this.hasCameraConnect && this.hasVoiceConnect && this.hasMicConnect)\r\n      ) {\r\n        // console.log(navigator.mediaDevices)\r\n        navigator.mediaDevices\r\n          .getUserMedia({\r\n            video: true,\r\n            audio: true\r\n          })\r\n          .then(async () => {\r\n            // 重新获取设备信息\r\n            await this.getDevicesInfo()\r\n          })\r\n          .catch(err => {\r\n            console.log('err', err.name)\r\n          })\r\n      }\r\n    },\r\n    async startCameraTesting() {\r\n      await this.updateCameraDeviceList()\r\n      await this.createLocalStream(\r\n        {\r\n          audio: false,\r\n          video: true,\r\n          cameraId: this.cameraTestingResult.device.deviceId\r\n        },\r\n        'camera-check-video'\r\n      )\r\n      this.carameIsOpen = true\r\n    },\r\n    // 摄像头检测页-检测展示摄像头设备选择列表\r\n    async updateCameraDeviceList() {\r\n      let cameraDevices = this.cameraList\r\n      console.log(this.cameraList)\r\n\r\n      // 如果有用户设备选择缓存，优先使用缓存的deviceId\r\n      let cacheCameraDevice = cameraDevices.filter(\r\n        camera =>\r\n          camera.deviceId === localStorage.getItem('txy_webRTC_cameraId')\r\n      )\r\n      if (cacheCameraDevice.length > 0) {\r\n        this.cameraTestingResult.device = cacheCameraDevice[0]\r\n      } else {\r\n        this.cameraTestingResult.device = cameraDevices[0]\r\n      }\r\n      this.cameraId = this.cameraTestingResult.device?.deviceId\r\n      if (this.cameraId) {\r\n        localStorage.setItem('txy_webRTC_cameraId', this.cameraId)\r\n      }\r\n    },\r\n\r\n    async updateMicDeviceList() {\r\n      // 展示麦克风设备选择\r\n      let micDevices = this.micList\r\n      //micDevices = micDevices.filter(mic => mic.deviceId !== 'default')\r\n\r\n      // 如果有用户设备选择缓存，优先使用缓存的deviceId\r\n      let cacheMicDevice = micDevices.filter(\r\n        mic => mic.deviceId === localStorage.getItem('txy_webRTC_micId')\r\n      )\r\n      if (cacheMicDevice.length > 0) {\r\n        this.micTestingResult.device = cacheMicDevice[0]\r\n      } else {\r\n        this.micTestingResult.device = micDevices[0]\r\n      }\r\n      this.micId = this.micTestingResult.device?.deviceId\r\n      if (this.micId) {\r\n        this.localStream.switchDevice('audio', this.micId)\r\n        localStorage.setItem('txy_webRTC_micId', this.micId)\r\n      }\r\n    },\r\n\r\n    // 麦克风设备测试\r\n    async startMicTesting() {\r\n      let audioPlayer = document.querySelector('#deviceCheckAudio')\r\n      if (audioPlayer) {\r\n        audioPlayer.pause()\r\n      }\r\n      await this.updateMicDeviceList()\r\n      await this.createLocalStream(\r\n        {\r\n          audio: true,\r\n          video: false,\r\n          cameraId: this.cameraTestingResult.device.deviceId\r\n        },\r\n        'camera-check-video'\r\n      )\r\n\r\n      // 监听音量，并量化显示出来\r\n      this.myVolumeTimer = setInterval(() => {\r\n        let volume = this.localStream.getAudioLevel()\r\n        let num = Math.ceil(28 * volume)\r\n        this.myVolume = (num / 100) * 4\r\n      }, 100)\r\n    },\r\n\r\n    async startNetworkTesting() {\r\n      this.logList.push(`startNetworkTesting`)\r\n      // 获取信息\r\n      let userInfo = {}\r\n      let liverInfo = {}\r\n      let appInfo = {}\r\n      const testInfo = await authApi.devicetest().catch(err => {\r\n        console.error(err)\r\n        this.networdCheckError = true\r\n        return false\r\n      })\r\n      this.roomId = String(testInfo.data.roomNum)\r\n      console.log(testInfo)\r\n      appInfo = {\r\n        sdkAppId: testInfo.data.appId,\r\n        roomId: testInfo.data.roomNum\r\n      }\r\n      userInfo = {\r\n        userId: testInfo.data.downLinkUser.userId,\r\n        userSig: testInfo.data.downLinkUser.userSig\r\n      }\r\n      liverInfo = {\r\n        userId: testInfo.data.upLinkUser.userId,\r\n        userSig: testInfo.data.upLinkUser.userSig\r\n      }\r\n      let uplinkClient = null // 用于检测上行网络质量\r\n      let downlinkClient = null // 用于检测下行网络质量\r\n      let testResult = {\r\n        // 记录上行网络质量数据\r\n        uplinkNetworkQualities: [],\r\n        // 记录下行网络质量数据\r\n        downlinkNetworkQualities: [],\r\n        average: {\r\n          uplinkNetworkQuality: 0,\r\n          downlinkNetworkQuality: 0\r\n        }\r\n      }\r\n\r\n      // 1. 检测上行网络质量\r\n      const testUplinkNetworkQuality = async () => {\r\n        uplinkClient = TRTC.createClient({\r\n          sdkAppId: appInfo.sdkAppId, // 填写 sdkAppId\r\n          userId: userInfo.userId,\r\n          userSig: userInfo.userSig, // uplink_test 的 userSig\r\n          mode: 'rtc',\r\n          autoSubscribe: false,\r\n          enableAutoPlayDialog: false\r\n        })\r\n\r\n        // localStream = TRTC.createStream({ audio: true, video: true })\r\n        // // 根据实际业务场景设置 video profile\r\n        // localStream.setVideoProfile('480p')\r\n        // await localStream.initialize()\r\n\r\n        uplinkClient.on('network-quality', event => {\r\n          const { uplinkNetworkQuality, uplinkRTT } = event\r\n          if (uplinkNetworkQuality > 0) {\r\n            testResult.uplinkNetworkQualities.push(uplinkNetworkQuality)\r\n          }\r\n\r\n          this.logList.push(`uplinkNetworkQuality ${uplinkNetworkQuality}`)\r\n          this.logList.push(`uplinkRTT ${uplinkRTT}`)\r\n          this.networkUpLog.push(event)\r\n        })\r\n\r\n        // 加入用于测试的房间，房间号需要随机，避免冲突\r\n        await uplinkClient.join({ roomId: appInfo.roomId })\r\n        await this.createLocalStream(\r\n          {\r\n            audio: true,\r\n            video: true,\r\n            cameraId: this.cameraTestingResult.device.deviceId\r\n          },\r\n          'camera-check-video'\r\n        )\r\n        await uplinkClient.publish(this.localStream).catch(err => {\r\n          console.error(err)\r\n          this.networdCheckError = true\r\n          return false\r\n        })\r\n      }\r\n      if (this.countTimer) {\r\n        clearInterval(this.countTimer)\r\n      }\r\n      this.countTimer = setInterval(() => {\r\n        this.countDown++\r\n        console.log(testResult.uplinkNetworkQualities)\r\n        if (\r\n          this.countDown >= 30 ||\r\n          (testResult.uplinkNetworkQualities.length >= 6 &&\r\n            testResult.downlinkNetworkQualities.length >= 6)\r\n        ) {\r\n          clearInterval(this.countTimer)\r\n          sumNetQuality()\r\n        }\r\n      }, 1000)\r\n      // 2. 检测下行网络质量\r\n      const testDownlinkNetworkQuality = async () => {\r\n        downlinkClient = TRTC.createClient({\r\n          sdkAppId: appInfo.sdkAppId, // 填写 sdkAppId\r\n          userId: liverInfo.userId,\r\n          userSig: liverInfo.userSig, // userSig\r\n          mode: 'rtc',\r\n          autoSubscribe: false,\r\n          enableAutoPlayDialog: false\r\n        })\r\n\r\n        downlinkClient.on('stream-added', async event => {\r\n          await downlinkClient.subscribe(event.stream, {\r\n            audio: true,\r\n            video: true\r\n          })\r\n          // 订阅成功后开始监听网络质量事件\r\n          downlinkClient.on('network-quality', event => {\r\n            const { downlinkNetworkQuality, downlinkRTT } = event\r\n            if (downlinkNetworkQuality > 0) {\r\n              testResult.downlinkNetworkQualities.push(downlinkNetworkQuality)\r\n            }\r\n\r\n            this.logList.push(\r\n              `downlinkNetworkQuality ${downlinkNetworkQuality}`\r\n            )\r\n            this.logList.push(`downlinkRTT ${downlinkRTT}`)\r\n            this.networkDownLog.push(event)\r\n          })\r\n        })\r\n        // 加入用于测试的房间，房间号需要随机，避免冲突\r\n        await downlinkClient.join({ roomId: appInfo.roomId })\r\n      }\r\n\r\n      // 3. 开始检测\r\n      testUplinkNetworkQuality()\r\n      testDownlinkNetworkQuality()\r\n\r\n      // 4. 15s 后停止检测，计算平均网络质量\r\n      const sumNetQuality = () => {\r\n        // 计算上行平均网络质量\r\n        if (testResult.uplinkNetworkQualities.length >= 4) {\r\n          testResult.average.uplinkNetworkQuality = Math.ceil(\r\n            testResult.uplinkNetworkQualities.reduce(\r\n              (value, current) => value + current,\r\n              0\r\n            ) / testResult.uplinkNetworkQualities.length\r\n          )\r\n          this.checkList.network.up = testResult.average.uplinkNetworkQuality\r\n        } else {\r\n          this.checkList.network.up = 6\r\n        }\r\n\r\n        if (testResult.downlinkNetworkQualities.length >= 4) {\r\n          // 计算下行平均网络质量\r\n          testResult.average.downlinkNetworkQuality = Math.ceil(\r\n            testResult.downlinkNetworkQualities.reduce(\r\n              (value, current) => value + current,\r\n              0\r\n            ) / testResult.downlinkNetworkQualities.length\r\n          )\r\n          this.checkList.network.down =\r\n            testResult.average.downlinkNetworkQuality\r\n        } else {\r\n          this.checkList.network.down = 6\r\n        }\r\n        // 如果有设备无法初始化，强制网络状态为7\r\n        if (\r\n          this.checkList.network.down === 0 ||\r\n          this.checkList.network.up === 0\r\n        ) {\r\n          this.networdCheckError = true\r\n        }\r\n        // 检测结束，清理相关状态。\r\n        this.logList.push(\r\n          `network test end data is ${JSON.stringify(testResult, null, '\\t')}`\r\n        )\r\n        uplinkClient.leave()\r\n        downlinkClient.leave()\r\n        this.localStream.close()\r\n        this.sendTestData()\r\n      }\r\n    },\r\n\r\n    /**\r\n     *createStream共通処理メソッド\r\n     */\r\n    async createLocalStream(constraints, container) {\r\n      this.localStream = markRaw(TRTC.createStream(constraints))\r\n      console.log('..............track:', this.localStream.getVideoTrack())\r\n      // navigator.mediaDevices\r\n      //   .getUserMedia({ video: true, audio: true })\r\n      //   .then(async () => {\r\n      //     console.log('..........getUserMedia:', 'ok')\r\n      //   })\r\n      //   .catch(error => {\r\n      //     console.log('..........getUserMedia error:', error)\r\n      //   })\r\n      try {\r\n        await this.localStream.initialize()\r\n        console.log('createLocalStream!')\r\n      } catch (error) {\r\n        console.log(error)\r\n      }\r\n      container && this.localStream.play(container)\r\n    },\r\n    sendTestData() {\r\n      const params = {\r\n        roomId: this.roomId,\r\n        rococoUserId: String(this.userid) || '',\r\n        cameraId: this.cameraTestingResult.device?.deviceId || '',\r\n        cameraName: this.cameraTestingResult.device?.label || '',\r\n        speakerId: this.voiceTestingResult.device?.deviceId || '',\r\n        speakerName: this.voiceTestingResult.device?.label || '',\r\n        micId: this.micTestingResult.device?.deviceId || '',\r\n        micName: this.micTestingResult.device?.label || '',\r\n        uplinkQualityAll: JSON.stringify(this.networkUpLog),\r\n        uplinkQuality: String(this.checkList.network.up),\r\n        downlinkQualityAll: JSON.stringify(this.networkDownLog),\r\n        downlinkQuality: String(this.checkList.network.down),\r\n        userAgent: navigator.userAgent\r\n      }\r\n      authApi.devicetestSave(params)\r\n      console.log(params)\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.device-check-content {\r\n  --background: #ffffff;\r\n}\r\n.device-check-stp1-title {\r\n  font-size: 24px;\r\n  line-height: 28px;\r\n  text-align: center;\r\n  color: #4b4a4b;\r\n  padding-top: 10vh;\r\n}\r\n.device-check-stp1-sub-title {\r\n  font-size: 16px;\r\n  line-height: 19px;\r\n  text-align: center;\r\n  color: #8a8a8a;\r\n  padding-top: 20px;\r\n}\r\n.device-check-stp1-tips {\r\n  padding: 40px 0;\r\n  min-height: 50px;\r\n  font-size: 16px;\r\n  text-align: center;\r\n}\r\n/* .device-check-stp1-tips.is-ok {\r\n  text-align: left;\r\n} */\r\n.device-check-stp1-btn-body {\r\n  text-align: center;\r\n}\r\n.device-check-stp1-btn {\r\n  width: 232px;\r\n  height: 41px;\r\n  background: #e05193;\r\n  border-radius: 4px;\r\n  color: #ffffff;\r\n}\r\n.device-check-stp1-btn:disabled {\r\n  background-color: #e1dddd !important;\r\n}\r\n.device-check-stp1-mid-body {\r\n  margin: 20px;\r\n  background-color: #f7f7f7;\r\n  border-radius: 10px;\r\n  padding: 20px;\r\n  min-height: 95px;\r\n}\r\n.device-check-stp1-icon-item {\r\n  float: left;\r\n  width: 25%;\r\n  text-align: center;\r\n  font-size: 24px;\r\n}\r\n.device-check-checked-icon {\r\n  line-height: 16px;\r\n}\r\n.device-check-checked-ok {\r\n  color: #7bd064;\r\n  font-size: 16px;\r\n}\r\n.device-check-checked-error {\r\n  color: #e11616;\r\n  font-size: 16px;\r\n}\r\n.device-check-stp1-progress-body {\r\n  margin-top: 10px;\r\n}\r\n.cRed {\r\n  color: #e11616;\r\n}\r\n.cGreen {\r\n  color: #7bd064;\r\n}\r\n.cOrange {\r\n  color: #de7800;\r\n}\r\n.cWhite {\r\n  color: #ffffff;\r\n}\r\n.margin-auto {\r\n  margin: 0 auto;\r\n}\r\n.device-check-radio-body {\r\n  background-color: #f7f7f7;\r\n  padding: 20px;\r\n}\r\n.device-check-radio-label {\r\n  padding-left: 10px;\r\n}\r\n.device-check-radio-item {\r\n  margin: 5px 0;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  height: 26px;\r\n  line-height: 26px;\r\n}\r\n.device-check-radio-item input {\r\n  vertical-align: -2px;\r\n}\r\n.device-check-stp2-video-body {\r\n  margin-bottom: 40px;\r\n  min-height: 170px;\r\n  max-height: 500px;\r\n  height: calc(100vh - 500px);\r\n}\r\n.device-check-radio-title {\r\n  text-align: center;\r\n  font-size: 14px;\r\n  margin-bottom: 16px;\r\n}\r\n.device-check-common-tips {\r\n  font-size: 14px;\r\n  line-height: 19px;\r\n  text-align: center;\r\n  color: rgba(0, 0, 0, 0.54);\r\n  padding: 15px 0;\r\n}\r\n.device-check-common-bottom-btn-body {\r\n  text-align: center;\r\n  padding-bottom: 30px;\r\n}\r\n.device-check-common-bottom-btn {\r\n  width: 100px;\r\n  height: 40px;\r\n  border-radius: 4px;\r\n\r\n  font-size: 14px;\r\n  line-height: 16px;\r\n  text-align: center;\r\n}\r\n.device-check-common-bottom-btn.type-left {\r\n  margin-right: 10%;\r\n  /* いいえ */\r\n\r\n  color: #e05193;\r\n  border: 1px solid #e05193;\r\n  background-color: #ffffff;\r\n}\r\n.device-check-common-bottom-btn.type-right {\r\n  margin-left: 10%;\r\n  background: #e05193;\r\n  color: #ffffff;\r\n}\r\n.device-check-stp3-audio-body {\r\n  padding: 30px 0;\r\n  text-align: center;\r\n}\r\n.device-check-stp4-progress {\r\n  height: 30px;\r\n  --background: #efefef;\r\n  --progress-background: #e05193;\r\n}\r\n.device-check-stp4-tips {\r\n  font-size: 16px;\r\n  line-height: 19px;\r\n  color: rgba(0, 0, 0, 0.54);\r\n  padding: 20px 0;\r\n}\r\n.device-check-stp4-progress-item {\r\n  height: 30px;\r\n  width: 2%;\r\n  border: 1px solid #8a8a8a;\r\n  float: left;\r\n}\r\n.device-check-stp4-progress-item:nth-child(odd) {\r\n  border: 0px solid #8a8a8a;\r\n  background-color: #ffffff;\r\n}\r\n.device-check-stp4-progress-body {\r\n  position: relative;\r\n  margin-bottom: 60px;\r\n}\r\n.device-check-stp4-progress-mask {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 30px;\r\n  z-index: 2;\r\n}\r\n.device-check-stp5-title {\r\n  font-size: 16px;\r\n  line-height: 19px;\r\n  text-align: center;\r\n  color: #4b4a4b;\r\n  padding: 5vh 0;\r\n}\r\n.device-check-stp5-tips {\r\n  padding: 42px 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n\r\n  /* grey/b54 */\r\n  color: rgba(0, 0, 0, 0.54);\r\n  max-width: 375px;\r\n  margin: 0 auto;\r\n}\r\n.device-check-stp5-cir {\r\n  width: 106px;\r\n  height: 106px;\r\n  text-align: center;\r\n  line-height: 106px;\r\n  margin: 0 auto;\r\n  border-radius: 106px;\r\n  margin-bottom: 30px;\r\n  font-size: 72px;\r\n  /* color: #ffffff; */\r\n}\r\n.device-check-stp5-ten {\r\n  font-size: 28px;\r\n  font-weight: bold;\r\n}\r\n.device-check-stp5-cir.green {\r\n  background-color: #21a926;\r\n}\r\n.device-check-stp5-cir.orange {\r\n  background-color: #de7800;\r\n}\r\n.device-check-stp5-cir.red {\r\n  background-color: #e11616;\r\n}\r\n.device-check-stp6-title {\r\n  /* テスト結果 */\r\n  font-size: 24px;\r\n  text-align: center;\r\n\r\n  /* grey/80 */\r\n  color: #4b4a4b;\r\n  padding: 10vh 0;\r\n}\r\n.device-check-stp6-table {\r\n  width: 100%;\r\n  margin-bottom: 20px;\r\n}\r\n.device-check-stp6-table td {\r\n  vertical-align: middle;\r\n  padding: 15px;\r\n  color: #4b4a4b;\r\n}\r\n.device-check-stp6-table ion-icon {\r\n  vertical-align: middle;\r\n}\r\n.device-check-stp6-table td.device-check-stp6-table-icon {\r\n  font-size: 24px;\r\n  vertical-align: middle;\r\n  text-align: center;\r\n  background: #f7f7f7;\r\n}\r\n.device-check-top-nav {\r\n  background: #f7f7f7;\r\n  padding: 10px;\r\n  margin: 20px 0;\r\n}\r\n.device-check-top-nav-icon {\r\n  font-size: 30px;\r\n}\r\n.device-check-top-nav-bar {\r\n  height: 2px;\r\n  width: 100%;\r\n  margin: 0 5px;\r\n  background: #bfbfbf;\r\n}\r\n.device-check-top-nav-icon.active {\r\n  color: #2e6cf6;\r\n}\r\n.device-check-top-nav-bar.active {\r\n  background: #2e6cf6;\r\n}\r\n.device-check-stp7-title {\r\n  font-size: 24px;\r\n  line-height: 28px;\r\n  text-align: center;\r\n  color: #e11616;\r\n  margin-bottom: 15px;\r\n  margin-top: 6vh;\r\n}\r\n.device-check-stp7-res {\r\n  font-size: 16px;\r\n  color: #8a8a8a;\r\n  max-width: 390px;\r\n  margin: 0 auto 18px auto;\r\n}\r\n.device-check-stp7-tips {\r\n  font-size: 12px;\r\n  line-height: 21px;\r\n  color: #8a8a8a;\r\n  padding-bottom: 20px;\r\n}\r\n.device-check-stp7-circle {\r\n  padding-right: 9px;\r\n}\r\n.device-check-stp7-dot {\r\n  padding-left: 7px;\r\n  padding-right: 10px;\r\n}\r\n.common-authing-body.devicecheck {\r\n  width: 145px;\r\n  padding: 15px 15px 15px 15px;\r\n  height: 114px;\r\n}\r\n</style>\r\n<style>\r\n.device-check-stp2-video-body video {\r\n  vertical-align: middle;\r\n  font-size: 16px;\r\n  object-fit: contain !important;\r\n}\r\n</style>\r\n","import { render } from \"./DeviceCheck.vue?vue&type=template&id=209364fa&scoped=true\"\nimport script from \"./DeviceCheck.vue?vue&type=script&lang=js\"\nexport * from \"./DeviceCheck.vue?vue&type=script&lang=js\"\n\nimport \"./DeviceCheck.vue?vue&type=style&index=0&id=209364fa&scoped=true&lang=css\"\nimport \"./DeviceCheck.vue?vue&type=style&index=1&id=209364fa&lang=css\"\n\nimport exportComponent from \"D:\\\\project\\\\rococo\\\\weshow-front\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-209364fa\"]])\n\nexport default __exports__"],"sourceRoot":""}