{"version":3,"sources":["webpack:///./src/components/StreamingBefore.vue?d01a","webpack:///./src/components/StopAlert.vue","webpack:///./src/components/StopAlert.vue?d818","webpack:///./src/components/Streaming.vue?5a61","webpack:///./src/views/user/handshakeMeeting/Streaming.vue?f699","webpack:///./src/views/user/handshakeMeeting/Streaming.vue","webpack:///./src/components/Streaming.vue","webpack:///./src/components/StreamingBefore.vue","webpack:///./src/components/StreamingBefore.vue?8791","webpack:///./src/components/Streaming.vue?bcbd","webpack:///./src/views/user/handshakeMeeting/Streaming.vue?576b","webpack:///./src/views/user/handshakeMeeting/Streaming.vue?bab6"],"names":["isOpen","alertIsOpen","text","ok-text","useHTML","waitOk","has-close","name","components","Alert","setup","liveIsStop","store","getters","liverNickName","meetingEvent","liver","nickName","value","val","__exports__","render","fullscreen","ref","onCountdownEnd","onAutoGift","sendGift","class","showLogCount","tryShowLog","closeLog","serverDelay","countdown_","uplinkNetworkQuality","downlinkNetworkQuality","meetingeEnterInfo","logList","log","index","key","networkIsLow","isStreamingBefore","countStartFlag","icon","timeOutline","formatCountdown","id","onChangeVideo","onCameraReactChange","autoPlayError","vol","style","cameraStyle","cancel-text","type","closeMeeting","autoPlayErrorAlertIsOpen","playMusic","autoVoiceErrorAlertIsOpen","playRemoteStream","cameraCheckAlertIsOpen","cameraCheckText","reCheckCamera","playErrorAlertOpen","isLoading","reflushing","reload","deviceErrorAlertOpen","videoPlayErrorAlertOpen","remoteStreamResume","localVideoPlayErrorAlertOpen","localStreamResume","src","avatar","eventExpress","scrollEvents","getCameraReact","countDown","micOutline","playOrPaused","play","pause","userType","props","Number","default","data","music","Audio","this","$route","params","meta","countDownTimer","close","personOutline","userCount","maxUserCount","stream","cameraTestingResult","micTestingResult","localStream","IonContent","IonHeader","IonToolbar","IonIcon","IonTitle","StopAlert","computed","$store","mounted","watch","clearInterval","getTracks","forEach","track","stop","handler","deep","unmounted","methods","react","document","getElementById","getBoundingClientRect","$emit","initMusic","onplay","onpause","preload","soundUrl","load","volume","loop","closeMeetingBefore","$router","replace","initCountDown","setTimeout","startTime","ticket","s","diff","Date","getTime","setInterval","countDownFn","updateDeviceList","getCameras","cameraDevices","cacheCameraDevice","filter","camera","deviceId","localStorage","getItem","length","device","$toast","error","getMicrophones","micDevices","cacheMicDevice","mic","startTesting","createStream","audio","video","cameraId","microphoneId","initialize","openCamera","querySelector","constraints","facingMode","navigator","mediaDevices","getUserMedia","then","srcObject","onloadedmetadata","catch","err","console","message","timer","pusher","player","client","changeVideo","cameraReact","volTimer","addedRemoteStream","remoteStream","remoteStreamStartTimer","usedTime","cameraCheckOk","voiceTestingResult","streamingInfo","downlinkNetworkMaxQuality","replayTimer","localStramPauseTimer","localStramPauseMuteTimer","remoteStreamPauseTimer","publishFlag","netLagLogSendFlag","enterTimeStamp","IonPage","StreamingBefore","setNetWordErrorLog","isIOS","test","userAgent","window","MSStream","Math","floor","top","goRoom","tips","service","sdkAppId","appId","userSig","userId","liverId","trtcLiverId","dispatch","leaveRoom","timeNow","sendLog","checkCanStreaming","logSave","logType","logInfo","location","errorCode","waitingroom","res","enterData","href","eventsTalk","trySubscribe","getStreamingInfo","livePause","resume","$nextTick","muteVideo","unmuteVideo","push","initBefore","noCheck","testCamera","documentvisibilityState","visibilityState","init","changeIsStreamingBefore","stat","$refs","streamingBefore","endTime","creatClient","onCountdown","status","response","createClient","mode","autoSubscribe","enableAutoPlayDialog","handleEvents","joinRoom","roomId","join","JSON","stringify","errorExtraCode","extraCode_","getSpeakers","voiceDevices","spk","cacheVoiceDevice","streamParams","on","event","state","reason","clearTimeout","publishStream","getAudioLevel","errorName","publish","subscribe","chatroom","bannedFlag","routeName","query","getUserId","getId","setAudioOutput","muteAudio","getCode","unpublish","leave","unmuteAudio","streamingVideo","streamingKey","stamp","giftCountdown","videoCountdown","giftShow","StreamingComponent","Streaming","ionViewDidEnter","streaming","imageGif","gift","btnText","im","sendGiftToIdol","createCustomMessage","to","conversationType","TYPES","CONV_C2C","priority","MSG_PRIORITY_HIGH","payload","description","extension","sendMessage","path"],"mappings":"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","file":"js/Streaming.875dc5e7.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!./StreamingBefore.vue?vue&type=style&index=0&id=855c9d9a&scoped=true&lang=css\"","<template>\r\n  <alert\r\n    v-model:isOpen=\"alertIsOpen\"\r\n    :text=\"\r\n      `只今、準備中です。<br />\r\n再開するまでお待ちください。`\r\n    \"\r\n    ok-text=\"了解する\"\r\n    :useHTML=\"true\"\r\n    @ok=\"waitOk\"\r\n    :has-close=\"false\"\r\n  ></alert>\r\n</template>\r\n\r\n<script>\r\nimport Alert from './Alert'\r\nimport { defineComponent, ref, watch, computed, onMounted } from 'vue'\r\nimport store from '../store'\r\nexport default defineComponent({\r\n  name: 'StopAlert',\r\n  components: {\r\n    Alert\r\n  },\r\n  setup() {\r\n    const alertIsOpen = ref(false)\r\n    const liveIsStop = computed(() => store.getters.liveIsStop)\r\n    const liverNickName = computed(\r\n      () => store.getters.meetingEvent?.liver.nickName\r\n    )\r\n    // setTimeout(() => {\r\n    //   store.dispatch('setLiveIsStop', true)\r\n    // }, 5000)\r\n    // setTimeout(() => {\r\n    //   store.dispatch('setLiveIsStop', false)\r\n    // }, 15000)\r\n    const waitOk = () => {\r\n      alertIsOpen.value = false\r\n    }\r\n    onMounted(async () => {\r\n      alertIsOpen.value = liveIsStop.value\r\n    })\r\n    watch(liveIsStop, val => {\r\n      alertIsOpen.value = val\r\n    })\r\n    return { alertIsOpen, waitOk, liverNickName }\r\n  }\r\n})\r\n</script>\r\n\r\n<style></style>\r\n","import { render } from \"./StopAlert.vue?vue&type=template&id=6df08aa2\"\nimport script from \"./StopAlert.vue?vue&type=script&lang=js\"\nexport * from \"./StopAlert.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__","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!./Streaming.vue?vue&type=style&index=0&id=21ebcc32&scoped=true&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!./Streaming.vue?vue&type=style&index=1&id=25759168&lang=css\"","<template>\r\n  <ion-page>\r\n    <ion-content :fullscreen=\"true\">\r\n      <div>\r\n        <streaming-component\r\n          ref=\"streaming\"\r\n          @onCountdownEnd=\"onCountdownEnd\"\r\n          @onAutoGift=\"onAutoGift\"\r\n          :sendGift=\"sendGift\"\r\n        ></streaming-component>\r\n      </div>\r\n    </ion-content>\r\n  </ion-page>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent } from 'vue'\r\nimport { IonContent, IonPage } from '@ionic/vue'\r\nimport StreamingComponent from '../../../components/Streaming.vue'\r\n// import TWebLive from 'tweblive'\r\nimport TIM from 'tim-js-sdk'\r\nexport default defineComponent({\r\n  name: 'Streaming',\r\n  data() {\r\n    return {\r\n      streamingKey: 0,\r\n      stamp: 0,\r\n      id: this.$route.params.id,\r\n      userType: this.$route.meta.userType,\r\n      giftCountdown: 0,\r\n      videoCountdown: 0,\r\n      giftShow: false,\r\n      sendGift: false\r\n    }\r\n  },\r\n  components: {\r\n    IonContent,\r\n    IonPage,\r\n    StreamingComponent\r\n  },\r\n  ionViewDidEnter() {\r\n    this.$refs.streaming.initBefore()\r\n    // this.$refs.streaming.init()\r\n    // this.$refs.streaming.$refs.streamingBefore.initCountDown()\r\n  },\r\n  mounted() {},\r\n  computed: {\r\n    meetingeEnterInfo() {\r\n      return this.$store.getters.meetingeEnterInfo\r\n    },\r\n    meetingEvent() {\r\n      return this.$store.getters.meetingEvent\r\n    },\r\n    imageGif() {\r\n      let src = ''\r\n      try {\r\n        src = this.$store.getters.meetingeEnterInfo.ticket.gift.gift.imageGif\r\n      } catch (error) {\r\n        src = ''\r\n      }\r\n      return src\r\n    },\r\n    btnText() {\r\n      switch (this.userType) {\r\n        case 'c':\r\n          return 'プレゼントをあげましたよ'\r\n        case 'b':\r\n          return 'プレゼントを受け取ってよ'\r\n        default:\r\n          return ''\r\n      }\r\n    },\r\n    im() {\r\n      return this.$store.getters.im\r\n    }\r\n  },\r\n  methods: {\r\n    onAutoGift() {\r\n      this.stamp = new Date().getTime()\r\n      this.giftShow = true\r\n      this.sendGift = true\r\n      this.sendGiftToIdol()\r\n      setTimeout(() => {\r\n        if (this.giftShow) {\r\n          this.giftShow = false\r\n        }\r\n      }, 5000)\r\n    },\r\n    sendGiftToIdol() {\r\n      const message = this.im.createCustomMessage({\r\n        to: this.meetingeEnterInfo.trtcLiverId,\r\n        conversationType: TIM.TYPES.CONV_C2C,\r\n        priority: TIM.TYPES.MSG_PRIORITY_HIGH,\r\n        payload: {\r\n          data: 'gift',\r\n          description: '',\r\n          extension: ''\r\n        }\r\n      })\r\n      this.im.sendMessage(message)\r\n    },\r\n    onCountdownEnd() {\r\n      this.$router.replace({\r\n        path: `/user/meeting/${this.id}/inquiry/`\r\n      })\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.streaming-gift-btn-tips {\r\n  width: 156px;\r\n  height: 93px;\r\n  background-image: url('/img/giftTips.png');\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  position: absolute;\r\n  bottom: 42px;\r\n  right: 22px;\r\n}\r\n.streaming-gift-btn {\r\n  width: 52px;\r\n  height: 52px;\r\n  background-image: url('/img/giftBtn.png');\r\n  background-size: cover;\r\n  animation: bound-anim 1s infinite;\r\n}\r\n.streaming-gift-btn-box {\r\n  position: relative;\r\n  z-index: 4;\r\n}\r\n.streaming-gift-btn-body {\r\n  position: fixed;\r\n  z-index: 4;\r\n  right: 20px;\r\n  bottom: 223px;\r\n}\r\n.streaming-gift-dialog-hand {\r\n  position: absolute;\r\n  z-index: 1;\r\n  top: 0;\r\n  right: 0;\r\n  width: 50px;\r\n}\r\n.streaming-gift-dialog-mid-box {\r\n  border: 1px dashed #e1dddd;\r\n  position: relative;\r\n  padding-bottom: 80px;\r\n  z-index: 2;\r\n}\r\n.streaming-gift-dialog-mid-body {\r\n  padding: 4px;\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n  margin-top: 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n  /* border-radius: 23px; */\r\n}\r\n.streaming-gift-dialog-button-text {\r\n  margin-top: 2px;\r\n}\r\n.streaming-gift-dialog-button {\r\n  display: block;\r\n  width: 214px;\r\n  height: 46px;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 55px;\r\n  bottom: 10px;\r\n  background: #fe5ba5;\r\n}\r\n.streaming-gift-dialog-button-bottom {\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 10px;\r\n  bottom: 0px;\r\n  background: #e05193;\r\n}\r\n.streaming-gift-dialog-text-body {\r\n  margin-top: 24px;\r\n  padding: 0 24px;\r\n}\r\n.streaming-gift-dialog-text-title {\r\n  color: #e05193;\r\n  font-size: 21px;\r\n}\r\n.streaming-gift-dialog-img {\r\n  height: 97px;\r\n  width: 97px;\r\n}\r\n.streaming-gift-dialog {\r\n  width: 276px;\r\n  height: 363px;\r\n  position: fixed;\r\n  z-index: 5;\r\n  top: 50%;\r\n  left: 50%;\r\n  margin-left: -138px;\r\n  margin-top: -182px;\r\n}\r\n.streaming-quit-btn {\r\n  background: #e05193;\r\n  color: #fff;\r\n  position: absolute;\r\n  z-index: 2;\r\n  bottom: 22px;\r\n  width: 102px;\r\n  height: 34px;\r\n  left: 50%;\r\n  margin-left: -51px;\r\n}\r\n</style>\r\n<style>\r\n@keyframes bound-anim {\r\n  0%,\r\n  100% {\r\n    transform: scale(1) translateY(0px);\r\n  }\r\n  30% {\r\n    transform: scale(0.98, 1.02) translateY(-10px);\r\n  }\r\n  60% {\r\n    transform: scale(1);\r\n  }\r\n  90% {\r\n    transform: scale(1.13, 0.9) translateY(0px);\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <ion-page>\r\n    <ion-content :fullscreen=\"true\">\r\n      <div class=\"streaming-video-body\">\r\n        <div\r\n          class=\"streaming-video-log\"\r\n          :class=\"{ 'streaming-video-log-bg': showLogCount >= 3 }\"\r\n          @click=\"tryShowLog\"\r\n        >\r\n          <div v-if=\"showLogCount >= 3\">\r\n            <div class=\"clearfix\">\r\n              <div class=\"fr\" @click=\"closeLog\">[x]</div>\r\n            </div>\r\n            <div>serverDelay:{{ serverDelay }}</div>\r\n            <div>countdown:{{ countdown_ }}</div>\r\n            <div>upload:{{ uplinkNetworkQuality }}</div>\r\n            <div>down:{{ downlinkNetworkQuality }}</div>\r\n            <div>\r\n              meetingeEnterInfo:{{\r\n                meetingeEnterInfo\r\n                  ? JSON.stringify(meetingeEnterInfo, null, '\\t')\r\n                  : 'null'\r\n              }}\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        </div>\r\n        <div\r\n          class=\"streaming-lag-text\"\r\n          v-show=\"networkIsLow && !isStreamingBefore\"\r\n        >\r\n          ネットワークが不安定です。<br />お確かめください。\r\n        </div>\r\n        <div\r\n          class=\"streaming-countdown\"\r\n          v-if=\"countdown_ !== null && !isStreamingBefore\"\r\n          :class=\"{ 'streaming-gradients': countdown_ <= 5 && countStartFlag }\"\r\n        >\r\n          <ion-icon\r\n            :icon=\"timeOutline\"\r\n            class=\"vertical-align-sub f18\"\r\n          ></ion-icon>\r\n          {{ `残り${countStartFlag ? formatCountdown : '--'}` }}\r\n        </div>\r\n\r\n        <div\r\n          class=\"streaming-video-box\"\r\n          :class=\"{ isStreamingBefore: isStreamingBefore }\"\r\n        >\r\n          <div\r\n            class=\"mirror\"\r\n            :class=\"{\r\n              'streaming-video': !changeVideo,\r\n              'streaming-camera': changeVideo,\r\n              'streaming-before-liver': isStreamingBefore\r\n            }\"\r\n            id=\"streaming-video\"\r\n            @click=\"onChangeVideo(0)\"\r\n          ></div>\r\n          <StreamingBefore\r\n            ref=\"streamingBefore\"\r\n            @cameraReact=\"onCameraReactChange\"\r\n            @autoPlayError=\"autoPlayError\"\r\n            :vol=\"vol\"\r\n            v-if=\"isStreamingBefore\"\r\n          >\r\n          </StreamingBefore>\r\n          <div\r\n            id=\"camera2\"\r\n            :class=\"{\r\n              'streaming-video': changeVideo,\r\n              'streaming-camera': !changeVideo,\r\n              'streaming-before': isStreamingBefore\r\n            }\"\r\n            :style=\"cameraStyle\"\r\n            @click=\"onChangeVideo(1)\"\r\n          ></div>\r\n        </div>\r\n        <!-- <canvas width=\"640\" height=\"480\" id=\"myCanvas\"></canvas> -->\r\n      </div>\r\n    </ion-content>\r\n    <alert\r\n      v-model:isOpen=\"alertIsOpen\"\r\n      text=\"本当に退出させますか？\"\r\n      ok-text=\"はい\"\r\n      cancel-text=\"いいえ\"\r\n      type=\"confirm\"\r\n      @ok=\"closeMeeting\"\r\n      :has-close=\"false\"\r\n      @cancel=\"alertIsOpen = false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"autoPlayErrorAlertIsOpen\"\r\n      text=\"音量テストボタンをタップして、音量を調整してください\"\r\n      ok-text=\"次へ\"\r\n      @ok=\"playMusic\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"autoVoiceErrorAlertIsOpen\"\r\n      text=\"必ずカメラとマイクのアクセスを許可してください\"\r\n      ok-text=\"次へ\"\r\n      @ok=\"playRemoteStream\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"cameraCheckAlertIsOpen\"\r\n      :text=\"cameraCheckText\"\r\n      ok-text=\"次へ\"\r\n      @ok=\"reCheckCamera\"\r\n      :useHTML=\"true\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"playErrorAlertOpen\"\r\n      text=\"ネットワークまたはデバイスのエラーが発生しました。ページを再読み込みしてください。\"\r\n      ok-text=\"再読み込み\"\r\n      :isLoading=\"reflushing\"\r\n      @ok=\"reload\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"deviceErrorAlertOpen\"\r\n      text=\"カメラまたはマイクのエラーが発生しました。ページを再読み込みしてください。\"\r\n      ok-text=\"再読み込み\"\r\n      :isLoading=\"reflushing\"\r\n      @ok=\"reload\"\r\n      :has-close=\"true\"\r\n    ></alert\r\n    ><alert\r\n      v-model:isOpen=\"videoPlayErrorAlertOpen\"\r\n      text=\"動画または音声にエラーが発生しました。\"\r\n      ok-text=\"回復\"\r\n      @ok=\"remoteStreamResume\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n    <alert\r\n      v-model:isOpen=\"localVideoPlayErrorAlertOpen\"\r\n      text=\"カメラまたはマイクのエラーが発生しました。もう一度許可してください。\"\r\n      ok-text=\"許可\"\r\n      @ok=\"localStreamResume\"\r\n      :has-close=\"false\"\r\n    ></alert>\r\n  </ion-page>\r\n</template>\r\n\r\n<script>\r\nimport { IonContent, IonPage, IonIcon } from '@ionic/vue'\r\nimport { close, timeOutline } from 'ionicons/icons'\r\nimport { defineComponent, markRaw } from 'vue'\r\nimport StreamingBefore from './StreamingBefore'\r\nimport Alert from './Alert'\r\nimport TRTC from 'trtc-js-sdk'\r\nimport moment from 'moment'\r\nimport { authApi } from '../api'\r\n\r\nexport default defineComponent({\r\n  name: 'StreamingComponent',\r\n  props: {\r\n    // countdown: {\r\n    //   default: null\r\n    // }\r\n    sendGift: {\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      close,\r\n      timeOutline,\r\n      countdown_: null,\r\n      timer: null,\r\n      stream: null,\r\n      pusher: null,\r\n      player: null,\r\n      client: null,\r\n      localStream: null,\r\n      // sendGift: false,\r\n      changeVideo: false,\r\n      alertIsOpen: false,\r\n      autoPlayErrorAlertIsOpen: false,\r\n      autoVoiceErrorAlertIsOpen: false,\r\n      playErrorAlertOpen: false,\r\n      deviceErrorAlertOpen: false,\r\n      videoPlayErrorAlertOpen: false,\r\n      localVideoPlayErrorAlertOpen: false,\r\n      isStreamingBefore: true,\r\n      cameraReact: {},\r\n      vol: 0,\r\n      volTimer: null,\r\n      addedRemoteStream: null,\r\n      remoteStream: null,\r\n      remoteStreamStartTimer: null,\r\n      usedTime: 0,\r\n      cameraCheckOk: false,\r\n      cameraCheckAlertIsOpen: false,\r\n      id: this.$route.params.id,\r\n      cameraTestingResult: {},\r\n      micTestingResult: {},\r\n      voiceTestingResult: {},\r\n      streamingInfo: null,\r\n      logList: [],\r\n      showLogCount: 0,\r\n      uplinkNetworkQuality: 0,\r\n      downlinkNetworkQuality: 0,\r\n      downlinkNetworkMaxQuality: 0,\r\n      replayTimer: null,\r\n      localStramPauseTimer: null,\r\n      localStramPauseMuteTimer: null,\r\n      remoteStreamPauseTimer: null,\r\n      reflushing: false,\r\n      publishFlag: false,\r\n      netLagLogSendFlag: false,\r\n      enterTimeStamp: 0\r\n    }\r\n  },\r\n  components: {\r\n    IonContent,\r\n    IonPage,\r\n    IonIcon,\r\n    Alert,\r\n    StreamingBefore\r\n  },\r\n  computed: {\r\n    networkIsLow() {\r\n      if (this.uplinkNetworkQuality > 2 || this.downlinkNetworkQuality > 2) {\r\n        this.setNetWordErrorLog(\r\n          this.uplinkNetworkQuality,\r\n          this.downlinkNetworkQuality\r\n        )\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    cameraCheckText() {\r\n      const isIOS =\r\n        /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream\r\n      if (isIOS) {\r\n        return `<div class=\"tl\">カメラとマイクがブロックされています<br />ブラウザの「リフレッシュ」のアイコン<img src=\"/img/rotate.png\" height=\"20\" />をクリックして、ページを更新してください。</div>`\r\n      }\r\n      return `<div class=\"tl\">カメラとマイクがブロックされています<br />カメラとマイクへのアクセスを許可する必要があります。ブラウザのアドレスバーのブロックされた「ロック」のアイコン<img src=\"/img/lock.png\" height=\"20\" />をクリックして、「権限」をクリックして、カメラとマイクをオープンしてください。</div>`\r\n    },\r\n    formatCountdown() {\r\n      if (this.countdown_ >= 60) {\r\n        return Math.floor(this.countdown_ / 60) + '分'\r\n      } else {\r\n        return this.countdown_ + '秒'\r\n      }\r\n    },\r\n    liveIsStop() {\r\n      return this.$store.getters.liveIsStop\r\n    },\r\n    cameraStyle() {\r\n      let style = {}\r\n      if (this.isStreamingBefore) {\r\n        style = {\r\n          top: (this.cameraReact['y'] || 0) + 'px'\r\n        }\r\n      }\r\n      return style\r\n    },\r\n    goRoom() {\r\n      let tips = false\r\n      try {\r\n        tips = this.meetingeEnterInfo.service && this.countdown_ <= 5\r\n      } catch (error) {\r\n        tips = false\r\n      }\r\n      return tips\r\n    },\r\n    sdkAppId() {\r\n      if (!this.$store.getters.meetingeEnterInfo) {\r\n        return ''\r\n      }\r\n      return this.$store.getters.meetingeEnterInfo.appId\r\n    },\r\n    userSig() {\r\n      if (!this.$store.getters.meetingeEnterInfo) {\r\n        return ''\r\n      }\r\n      return this.$store.getters.meetingeEnterInfo.userSig\r\n    },\r\n    userId() {\r\n      if (!this.$store.getters.meetingeEnterInfo) {\r\n        return ''\r\n      }\r\n      return this.$store.getters.meetingeEnterInfo.userId\r\n    },\r\n    liverId() {\r\n      if (!this.$store.getters.meetingeEnterInfo) {\r\n        return ''\r\n      }\r\n      return this.$store.getters.meetingeEnterInfo.trtcLiverId\r\n    },\r\n    meetingeEnterInfo() {\r\n      return this.$store.getters.meetingeEnterInfo\r\n    },\r\n    serverDelay() {\r\n      return this.$store.getters.serverDelay\r\n    },\r\n    countStartFlag() {\r\n      return this.$store.getters.countStartFlag\r\n    }\r\n  },\r\n  mounted() {\r\n    // try {\r\n    //   // テストする文\r\n    //   this.openCamera()\r\n    // } catch (e) {\r\n    //   this.$toast.error('カメラの初期化が失敗しました')\r\n    // }\r\n    // this.countdown_ = this.countdown\r\n    // if (this.countdown_ !== null) {\r\n    //   this.onCountdown()\r\n    // }\r\n    // this.creatLive()\r\n    // wait meetingeEnterInfo\r\n    // this.initBefore()\r\n    // setTimeout(() => {\r\n    //   this.changeIsStreamingBefore()\r\n    // }, 10000)\r\n    // console.log(this.$refs.streamingBefore)\r\n  },\r\n  watch: {\r\n    $route() {\r\n      if (this.$route.name !== 'Streaming') {\r\n        this.autoPlayErrorAlertIsOpen = false\r\n        this.autoVoiceErrorAlertIsOpen = false\r\n        this.cameraCheckAlertIsOpen = false\r\n        this.$store.dispatch('setCountStartFlag', false)\r\n        try {\r\n          if (this.client) {\r\n            this.leaveRoom(this.client)\r\n          }\r\n        } catch (error) {\r\n          console.error(error)\r\n        }\r\n\r\n        // setTimeout(() => {\r\n        //   if (this.localStream) {\r\n        //     this.localStream.stop()\r\n        //     this.localStream.close()\r\n        //   }\r\n        // }, 100)\r\n        if (this.timer) {\r\n          clearInterval(this.timer)\r\n          this.timer = null\r\n        }\r\n        if (this.stream) {\r\n          this.stream.getTracks().forEach(function(track) {\r\n            track.stop()\r\n          })\r\n        }\r\n        if (this.volTimer) {\r\n          clearInterval(this.volTimer)\r\n        }\r\n        const timeNow = new Date().getTime()\r\n        if (\r\n          timeNow - this.enterTimeStamp > 10000 &&\r\n          this.enterTimeStamp !== 0\r\n        ) {\r\n          // 握手超过10秒然而没有和主播建立链接的话发送E0031\r\n          if (this.downlinkNetworkMaxQuality === 0) {\r\n            this.sendLog('E0031')\r\n          }\r\n        }\r\n      }\r\n    },\r\n    liveIsStop: {\r\n      handler: function(val) {\r\n        if (val && !this.isStreamingBefore) {\r\n          this.checkCanStreaming()\r\n        }\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  methods: {\r\n    setNetWordErrorLog(uplinkNetworkQuality, downlinkNetworkQuality) {\r\n      if (uplinkNetworkQuality > 2) {\r\n        authApi.logSave({\r\n          logType: 3,\r\n          logInfo: `E0032:${uplinkNetworkQuality}`\r\n        })\r\n      }\r\n      if (downlinkNetworkQuality > 2) {\r\n        authApi.logSave({\r\n          logType: 3,\r\n          logInfo: `E0033:${downlinkNetworkQuality}`\r\n        })\r\n      }\r\n    },\r\n    reload() {\r\n      location.reload()\r\n      this.reflushing = true\r\n    },\r\n    closeLog() {\r\n      this.showLogCount = -1\r\n    },\r\n    sendLog(errorCode) {\r\n      authApi.logSave({ logType: 3, logInfo: errorCode })\r\n    },\r\n    checkCanStreaming() {\r\n      authApi\r\n        .waitingroom(this.id)\r\n        .then(res => {\r\n          if (this.$route.name === 'Streaming') {\r\n            console.log(res)\r\n            const enterData = res.data\r\n            const startTime = enterData.startTime\r\n            if (new Date().getTime() - this.serverDelay < startTime) {\r\n              // this.$router.replace({ name: 'ChatRoom' })\r\n              location.href = `/user/meeting/${this.id}/chatroom`\r\n            } else {\r\n              this.eventsTalk()\r\n              this.trySubscribe()\r\n            }\r\n          }\r\n        })\r\n        .catch(error => {\r\n          console.error(error)\r\n          location.href = `/user/meeting/${this.id}/chatroom`\r\n        })\r\n    },\r\n    tryShowLog() {\r\n      this.showLogCount++\r\n    },\r\n    async getStreamingInfo() {\r\n      await authApi.waitingroom(this.id).then(res => {\r\n        this.streamingInfo = res.data\r\n        this.$store.dispatch('setLiveIsStop', res.data.livePause)\r\n      })\r\n    },\r\n    localStreamResume() {\r\n      if (this.localStream) {\r\n        this.localStream.resume().catch(() => {\r\n          this.deviceErrorAlertOpen = true\r\n        })\r\n        this.sendLog('E0001')\r\n      }\r\n    },\r\n    remoteStreamResume() {\r\n      if (this.remoteStream) {\r\n        this.remoteStream.resume().catch(() => {\r\n          this.deviceErrorAlertOpen = true\r\n        })\r\n        this.sendLog('E0004')\r\n      }\r\n    },\r\n    playRemoteStream() {\r\n      this.autoVoiceErrorAlertIsOpen = false\r\n      this.$nextTick(() => {\r\n        setTimeout(() => {\r\n          if (this.remoteStream) {\r\n            this.remoteStream.muteVideo()\r\n            this.remoteStream.unmuteVideo()\r\n            this.remoteStream.resume()\r\n            this.logList.push('remoteStream resumed！！！')\r\n          }\r\n        }, 750)\r\n\r\n        if (this.autoPlayErrorAlertIsOpen) {\r\n          this.playMusic()\r\n        }\r\n      })\r\n    },\r\n    // 初始化前测试摄像头\r\n    initBefore(noCheck) {\r\n      if (!noCheck) {\r\n        this.testCamera()\r\n      }\r\n      const documentvisibilityState = document.visibilityState\r\n      if (documentvisibilityState === 'visible' && this.cameraCheckOk) {\r\n        this.init()\r\n      } else {\r\n        setTimeout(() => {\r\n          this.initBefore(true)\r\n        }, 25)\r\n      }\r\n    },\r\n    onCameraReactChange(react) {\r\n      this.cameraReact = react\r\n    },\r\n    changeIsStreamingBefore(stat) {\r\n      this.isStreamingBefore = stat\r\n    },\r\n    closeMeetingBefore() {\r\n      this.alertIsOpen = true\r\n    },\r\n    closeMeeting() {\r\n      this.alertIsOpen = false\r\n      this.$router.replace({ name: 'Entrance' })\r\n    },\r\n    onChangeVideo(type) {\r\n      if (this.isStreamingBefore) {\r\n        return false\r\n      }\r\n      if (type === 0 && this.changeVideo) {\r\n        this.changeVideo = !this.changeVideo\r\n      } else if (type === 1 && !this.changeVideo) {\r\n        this.changeVideo = !this.changeVideo\r\n      }\r\n    },\r\n    init() {\r\n      // debugger\r\n      // console.log(this.$store.getters.meetingeEnterInfo)\r\n      if (this.$store.getters.meetingeEnterInfo) {\r\n        if (this.isStreamingBefore) {\r\n          this.$refs.streamingBefore.initMusic()\r\n        }\r\n        if (!this.meetingeEnterInfo.ticket) {\r\n          this.$router.replace({ name: 'Error' })\r\n          return false\r\n        }\r\n        const startTime = this.meetingeEnterInfo.ticket.startTime\r\n        const endTime = this.meetingeEnterInfo.ticket.endTime\r\n        const s = moment(endTime).diff(\r\n          new Date().getTime() - this.serverDelay,\r\n          'seconds'\r\n        )\r\n        const usedTime = moment(startTime).diff(\r\n          new Date().getTime() - this.serverDelay,\r\n          'seconds'\r\n        )\r\n        console.log(usedTime)\r\n        // if (usedTime > 0) {\r\n        //   this.$router.replace({ name: 'IdolPage' })\r\n        //   return false\r\n        // }\r\n        // if (s <= 0) {\r\n        //   this.$router.replace({ name: 'IdolPage' })\r\n        //   return false\r\n        // }\r\n        this.creatClient()\r\n        this.countdown_ = s\r\n        this.onCountdown()\r\n        // setTimeout(() => {\r\n        //   this.$emit('onAutoGift')\r\n        // }, 5000)\r\n      } else {\r\n        setTimeout(() => {\r\n          this.init()\r\n        }, 25)\r\n      }\r\n    },\r\n    // TRTC式のライブ初期化\r\n    async creatClient() {\r\n      // debugger\r\n      // console.log(this.liverUserSig)\r\n      await this.getStreamingInfo().catch(error => {\r\n        const status = error.response.status\r\n        switch (status) {\r\n          default:\r\n            location.href = `/user/meeting/${this.id}/chatroom`\r\n            // this.$store.dispatch('addUpdateKey')\r\n            break\r\n        }\r\n      })\r\n      if (this.streamingInfo) {\r\n        this.client = markRaw(\r\n          TRTC.createClient({\r\n            mode: 'rtc',\r\n            sdkAppId: Number(this.streamingInfo.appId),\r\n            userId: this.streamingInfo.userId,\r\n            userSig: this.streamingInfo.userSig,\r\n            autoSubscribe: false,\r\n            enableAutoPlayDialog: false\r\n          })\r\n        )\r\n        console.log(this.client)\r\n        this.handleEvents(this.client)\r\n        this.joinRoom(this.client, this.meetingeEnterInfo.roomId)\r\n      }\r\n    },\r\n    joinRoom(client, roomId) {\r\n      client\r\n        .join({\r\n          roomId: Number(roomId)\r\n          // role: 'audience',\r\n          // privateMapKey: this.streamingInfo.privateMapKey\r\n        })\r\n        .then(() => {\r\n          console.log('join ok')\r\n          this.logList.push('join ok')\r\n          this.createStream(this.userId)\r\n        })\r\n        .catch(error => {\r\n          this.$nextTick(() => {\r\n            this.playErrorAlertOpen = true\r\n          })\r\n          console.error('join error ' + error)\r\n          this.logList.push('join error:' + JSON.stringify(error))\r\n          const errorExtraCode = Number(error.extraCode_)\r\n          switch (errorExtraCode) {\r\n            case 10006:\r\n              this.sendLog('E0008')\r\n              break\r\n            case -10011:\r\n              this.sendLog('E0009')\r\n              break\r\n            case -10012:\r\n              this.sendLog('E0010')\r\n              break\r\n            case -10013:\r\n              this.sendLog('E0011')\r\n              break\r\n            case -10015:\r\n              this.sendLog('E0012')\r\n              break\r\n            case -10016:\r\n              this.sendLog('E0013')\r\n              break\r\n            case -10017:\r\n              this.sendLog('E0014')\r\n              break\r\n            case -10018:\r\n              this.sendLog('E0015')\r\n              break\r\n            case -10019:\r\n              this.sendLog('E0016')\r\n              break\r\n            case -10020:\r\n              this.sendLog('E0017')\r\n              break\r\n            default:\r\n              this.sendLog('E0007')\r\n              break\r\n          }\r\n        })\r\n    },\r\n    // 摄像头检测页-检测展示摄像头设备选择列表\r\n    async updateDeviceList() {\r\n      // get cameras\r\n      let cameraDevices = await TRTC.getCameras()\r\n      this.logList.push(\r\n        'cameraDevices:' + JSON.stringify(cameraDevices, null, '\\t')\r\n      )\r\n      this.logList.push(\r\n        'txy_webRTC_cameraId:' + localStorage.getItem('txy_webRTC_cameraId')\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      }\r\n      // else {\r\n      //   if (cameraDevices.length > 0) {\r\n      //     this.cameraTestingResult.device = cameraDevices[0]\r\n      //   } else {\r\n      //     this.$toast.error('カメラの初期化が失敗しました')\r\n      //     this.logList.push('カメラの初期化が失敗しました')\r\n      //   }\r\n      // }\r\n      // get mic\r\n      let micDevices = await TRTC.getMicrophones()\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        if (micDevices.length > 0) {\r\n          this.micTestingResult.device = micDevices[0]\r\n        } else {\r\n          this.$toast.error('マイクの初期化が失敗しました')\r\n          this.logList.push('マイクの初期化が失敗しました')\r\n        }\r\n      }\r\n\r\n      let voiceDevices = await TRTC.getSpeakers()\r\n      voiceDevices = voiceDevices.filter(spk => {\r\n        return spk.deviceId.length > 0\r\n      })\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 > 1) {\r\n        this.voiceTestingResult.device = voiceDevices[0]\r\n      }\r\n    },\r\n    async createStream(userId) {\r\n      await this.updateDeviceList()\r\n      const streamParams = {\r\n        userId,\r\n        audio: true,\r\n        video: true,\r\n        // cameraId: this.cameraTestingResult.device.deviceId,\r\n        // facingMode: 'user',\r\n        microphoneId: this.micTestingResult.device.deviceId\r\n      }\r\n      if (this.cameraTestingResult.device) {\r\n        streamParams['cameraId'] = this.cameraTestingResult.device.deviceId\r\n      } else {\r\n        streamParams['facingMode'] = 'user'\r\n      }\r\n      console.log('streamParams', streamParams)\r\n      const localStream = TRTC.createStream(streamParams)\r\n      this.localStream = markRaw(localStream)\r\n      console.log(this.localStream)\r\n      localStream\r\n        .initialize()\r\n        .then(() => {\r\n          if (this.$route.name === 'Streaming') {\r\n            if (this.isStreamingBefore) {\r\n              this.onCameraReactChange(\r\n                document.getElementById('camera').getBoundingClientRect()\r\n              )\r\n            }\r\n            localStream.play('camera2').then(() => {\r\n              setTimeout(() => {\r\n                if (this.isStreamingBefore) {\r\n                  this.$refs.streamingBefore.initCountDown()\r\n                }\r\n                this.$store.dispatch('setCountStartFlag', true)\r\n              }, 1000)\r\n              localStream.muteVideo()\r\n              localStream.unmuteVideo()\r\n              localStream.resume()\r\n            })\r\n            localStream.on('player-state-changed', event => {\r\n              console.log(\r\n                `${event.type} player is ${event.state} because of ${event.reason}`\r\n              )\r\n              // 若 LocalStream 触发该事件，表明音频/视频采集暂停，通常是设备异常引起，如设备被其他应用抢占，此时需引导用户重新采集。\r\n              const state = event.state\r\n              const reason = event.reason\r\n              switch (state) {\r\n                case 'PLAYING':\r\n                  this.deviceErrorAlertOpen = false\r\n                  this.localVideoPlayErrorAlertOpen = false\r\n                  break\r\n                case 'PAUSED':\r\n                  switch (reason) {\r\n                    case 'mute':\r\n                      this.deviceErrorAlertOpen = true\r\n                      if (this.localStramPauseMuteTimer) {\r\n                        clearTimeout(this.localStramPauseMuteTimer)\r\n                      }\r\n                      this.localStramPauseMuteTimer = setTimeout(() => {\r\n                        this.sendLog('E0002')\r\n                      }, 300)\r\n                      break\r\n                    case 'pause':\r\n                      this.localVideoPlayErrorAlertOpen = true\r\n                      if (this.localStramPauseTimer) {\r\n                        clearTimeout(this.localStramPauseTimer)\r\n                      }\r\n                      // this.localStramPauseTimer = setTimeout(() => {\r\n                      //   this.sendLog('E0001')\r\n                      // }, 300)\r\n                      break\r\n                    default:\r\n                      break\r\n                  }\r\n                  break\r\n                case 'STOPPED':\r\n                  this.logList.push('localStream STOPPED！！')\r\n                  break\r\n                default:\r\n                  break\r\n              }\r\n            })\r\n            this.publishStream(this.localStream, this.client)\r\n            this.volTimer = setInterval(() => {\r\n              this.vol = Number(localStream.getAudioLevel())\r\n            }, 50)\r\n            this.logList.push('localStream init ok')\r\n          } else {\r\n            localStream.stop()\r\n            localStream.close()\r\n          }\r\n\r\n          // console.log(localStream)\r\n          // const vobj = localStream.videoPlayer_.element_\r\n          // setTimeout(() => {\r\n          //   document\r\n          //     .getElementById('myCanvas')\r\n          //     .getContext('2d')\r\n          //     .drawImage(vobj, 0, 0, 640, 480)\r\n          // }, 5000)\r\n        })\r\n        .catch(error => {\r\n          // debugger\r\n          // if (this.$route.name === 'Streaming') {\r\n          //   setTimeout(() => {\r\n          //     this.createStream()\r\n          //   }, 500)\r\n          // }\r\n          // alert(error)\r\n          this.$nextTick(() => {\r\n            this.playErrorAlertOpen = true\r\n          })\r\n          const errorName = error.name\r\n          switch (errorName) {\r\n            case 'NotFoundError':\r\n              this.sendLog('E0020')\r\n              break\r\n            case 'NotAllowedError':\r\n              this.sendLog('E0021')\r\n              break\r\n            case 'NotReadableError':\r\n              this.sendLog('E0022')\r\n              break\r\n            case 'OverConstrainedError':\r\n              this.sendLog('E0023')\r\n              break\r\n            default:\r\n              this.sendLog('E0024')\r\n              break\r\n          }\r\n\r\n          console.error('初始化本地流失败 ' + error)\r\n          this.logList.push('localStream init error')\r\n        })\r\n    },\r\n    publishStream(localStream, client) {\r\n      client\r\n        .publish(localStream)\r\n        .then(() => {\r\n          this.publishFlag = true\r\n          this.logList.push('publishStream ok')\r\n          console.log('本地流发布成功')\r\n        })\r\n        .catch(error => {\r\n          this.logList.push('publishStream error')\r\n          this.playErrorAlertOpen = true\r\n          console.error('本地流发布失败 ' + error)\r\n          this.sendLog('E0006')\r\n        })\r\n    },\r\n    trySubscribe() {\r\n      this.logList.push('try subscribe')\r\n      const remoteStream = this.addedRemoteStream\r\n      if (remoteStream && !this.isStreamingBefore && this.client) {\r\n        this.client\r\n          .subscribe(remoteStream)\r\n          .then(() => {\r\n            this.logList.push('try subscribe ok')\r\n          })\r\n          .catch(() => {\r\n            this.sendLog('E0003')\r\n            this.playErrorAlertOpen = true\r\n          })\r\n        this.addedRemoteStream = null\r\n      }\r\n    },\r\n    handleEvents(client) {\r\n      client.on('client-banned', () => {\r\n        authApi\r\n          .chatroom(this.id)\r\n          .then(res => {\r\n            const data = res.data\r\n            const bannedFlag = data.bannedFlag\r\n            const routeName = this.$route.name\r\n            if (routeName === 'Streaming') {\r\n              if (bannedFlag) {\r\n                this.$router.replace({\r\n                  name: 'StreamingEnd',\r\n                  query: { type: '1' }\r\n                })\r\n              } else {\r\n                this.$emit('onCountdownEnd')\r\n              }\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.error(error)\r\n            const status = error.response.status\r\n            switch (status) {\r\n              default:\r\n                this.$router.replace({ name: 'Error' })\r\n                break\r\n            }\r\n          })\r\n        // this.$router.replace({ name: 'StreamingEnd', query: { type: '1' } })\r\n        this.logList.push('client-banned')\r\n        console.log('被屏蔽')\r\n      })\r\n      client.on('stream-added', event => {\r\n        const remoteStream = event.stream\r\n        this.logList.push(\r\n          'stream-added id is ' +\r\n            remoteStream.getUserId() +\r\n            ',liverId is ' +\r\n            this.liverId +\r\n            ',ID is ' +\r\n            remoteStream.getId()\r\n        )\r\n        console.log('远端流增加: ' + remoteStream.getId())\r\n        if (remoteStream.getUserId() === this.liverId) {\r\n          this.addedRemoteStream = remoteStream\r\n          this.trySubscribe()\r\n        }\r\n        // autoSubscribe falseのため、一時コメントアウト\r\n        // else {\r\n        //   client.unsubscribe(remoteStream)\r\n        // }\r\n      })\r\n      client.on('stream-removed', event => {\r\n        const remoteStream = event.stream\r\n        console.log('远端流减少: ' + remoteStream.getId())\r\n        this.logList.push(\r\n          'stream-removed ' +\r\n            remoteStream.getUserId() +\r\n            'liverId is ' +\r\n            this.liverId\r\n        )\r\n        if (remoteStream.getUserId() === this.liverId) {\r\n          this.logList.push('try remove remoteStream')\r\n          remoteStream.stop()\r\n          this.remoteStream = null\r\n        }\r\n      })\r\n      client.on('network-quality', event => {\r\n        console.log(\r\n          `network-quality, uplinkNetworkQuality:${event.uplinkNetworkQuality}, downlinkNetworkQuality: ${event.downlinkNetworkQuality}`\r\n        )\r\n        this.uplinkNetworkQuality = event.uplinkNetworkQuality\r\n        this.downlinkNetworkQuality = event.downlinkNetworkQuality\r\n        // 记录最大的网络质量\r\n        if (this.downlinkNetworkQuality > this.downlinkNetworkMaxQuality) {\r\n          this.downlinkNetworkMaxQuality = this.downlinkNetworkQuality\r\n        }\r\n      })\r\n      client.on('stream-subscribed', event => {\r\n        let remoteStream = event.stream\r\n        this.remoteStream = null\r\n        this.remoteStream = markRaw(remoteStream)\r\n        console.log(this.remoteStream)\r\n        console.log('远端流订阅成功：' + remoteStream.getId())\r\n        this.logList.push(\r\n          'stream-subscribed ok userId is' +\r\n            remoteStream.getUserId() +\r\n            ',ID is ' +\r\n            remoteStream.getId()\r\n        )\r\n        this.$nextTick(() => {\r\n          if (this.remoteStreamStartTimer) {\r\n            clearTimeout(this.remoteStreamStartTimer)\r\n          }\r\n          // let time = (Number(this.usedTime) + 10) * 1000\r\n          remoteStream.play('streaming-video')\r\n          if (this.voiceTestingResult.device) {\r\n            remoteStream.setAudioOutput(this.voiceTestingResult.device.deviceId)\r\n          }\r\n          // else {\r\n          //   this.remoteStreamStartTimer = setTimeout(() => {\r\n          //     remoteStream.play('streaming-video')\r\n          //   }, Math.abs(time))\r\n          // }\r\n          // debugger\r\n          if (this.isStreamingBefore) {\r\n            remoteStream.muteAudio()\r\n            remoteStream.muteVideo()\r\n            this.logList.push('is Streaming Before mute')\r\n          }\r\n\r\n          remoteStream.on('error', error => {\r\n            const errorCode = error.getCode()\r\n            this.logList.push('remoteStream error code is ' + errorCode)\r\n            if (errorCode === 0x4043) {\r\n              this.$nextTick(() => {\r\n                this.autoVoiceErrorAlertIsOpen = true\r\n              })\r\n              // alert('no voice')\r\n              // PLAY_NOT_ALLOWED,引导用户手势操作并调用 stream.resume 恢复音视频播放\r\n              // stream.resume()\r\n            } else {\r\n              this.logList.push('remoteStream play is Error')\r\n              this.$nextTick(() => {\r\n                this.playErrorAlertOpen = true\r\n              })\r\n              this.sendLog('E0005')\r\n            }\r\n          })\r\n          remoteStream.on('player-state-changed', event => {\r\n            console.log(\r\n              `${event.type} player is ${event.state} because of ${event.reason}`\r\n            )\r\n            const state = event.state\r\n            const reason = event.reason\r\n            switch (state) {\r\n              case 'PLAYING':\r\n                this.videoPlayErrorAlertOpen = false\r\n                break\r\n              case 'PAUSED':\r\n                this.logList.push('remoteStream PAUSED！！')\r\n                switch (reason) {\r\n                  case 'pause':\r\n                    this.videoPlayErrorAlertOpen = true\r\n                    if (this.remoteStreamPauseTimer) {\r\n                      clearTimeout(this.remoteStreamPauseTimer)\r\n                    }\r\n                    // this.remoteStreamPauseTimer = setTimeout(() => {\r\n                    //   this.sendLog('E0004')\r\n                    // }, 300)\r\n                    break\r\n                  default:\r\n                    break\r\n                }\r\n                break\r\n              case 'STOPPED':\r\n                this.logList.push('remoteStream STOPPED！！')\r\n                // this.logList.push('try remoteStream replay！！')\r\n                // this.playErrorAlertOpen = true\r\n                break\r\n              default:\r\n                break\r\n            }\r\n          })\r\n        })\r\n      })\r\n    },\r\n    async leaveRoom(client) {\r\n      // 尝试stop播放器\r\n      if (this.localStream) {\r\n        this.localStream.stop()\r\n      }\r\n      if (this.remoteStream) {\r\n        this.remoteStream.stop()\r\n      }\r\n      // 尝试取消发布本地流\r\n      if (this.publishFlag) {\r\n        await client\r\n          .unpublish(this.localStream)\r\n          .then(() => {\r\n            // 取消发布本地流成功\r\n            console.log('unpublish ok')\r\n            this.logList.push('unpublish ok')\r\n          })\r\n          .catch(err => {\r\n            console.log('unpublish error', err)\r\n            this.logList.push('unpublish error:' + JSON.stringify(err))\r\n          })\r\n      }\r\n      await client\r\n        .leave()\r\n        .then(() => {\r\n          console.log('退房成功')\r\n          this.localStream.stop()\r\n          this.localStream.close()\r\n          this.client = null\r\n          this.localStream = null\r\n        })\r\n        .catch(error => {\r\n          console.error('退房失败 ' + error)\r\n        })\r\n    },\r\n    eventsTalk() {\r\n      authApi.eventsTalk(this.id)\r\n    },\r\n    async onCountdown() {\r\n      if (this.$route.name !== 'Streaming') {\r\n        return false\r\n      }\r\n      if (this.liveIsStop && this.isStreamingBefore) {\r\n        this.timer = setTimeout(() => {\r\n          this.onCountdown()\r\n        }, 25)\r\n      } else {\r\n        const startTime = this.meetingeEnterInfo.ticket.startTime\r\n        const endTime = this.meetingeEnterInfo.ticket.endTime\r\n        const s = moment(endTime).diff(\r\n          new Date().getTime() - this.serverDelay,\r\n          'seconds'\r\n        )\r\n        const usedTime = moment(new Date().getTime() - this.serverDelay).diff(\r\n          startTime,\r\n          'seconds'\r\n        )\r\n        this.usedTime = usedTime\r\n        console.log(usedTime)\r\n        if (usedTime >= 0 && this.isStreamingBefore) {\r\n          if (this.remoteStream) {\r\n            try {\r\n              this.remoteStream.unmuteVideo()\r\n              this.remoteStream.unmuteAudio()\r\n              this.logList.push('Streaming unmute!')\r\n            } catch (error) {\r\n              this.logList.push('Streaming unmute ERROR!')\r\n              console.log(error)\r\n            }\r\n          }\r\n          this.changeIsStreamingBefore(false)\r\n          this.enterTimeStamp = new Date().getTime()\r\n          this.checkCanStreaming()\r\n          this.autoPlayErrorAlertIsOpen = false\r\n        }\r\n        // if (!this.sendGift && s <= 10 && this.meetingeEnterInfo.ticket.gift) {\r\n        //   this.$emit('onAutoGift')\r\n        // }\r\n        this.countdown_ = s\r\n        this.$emit('onCountdown', this.countdown_)\r\n        if (this.countdown_ > 0) {\r\n          this.timer = setTimeout(() => {\r\n            this.onCountdown()\r\n          }, 1000)\r\n        } else {\r\n          if (this.client) {\r\n            await this.leaveRoom(this.client).catch(err => {\r\n              console.log(err)\r\n            })\r\n          }\r\n          this.$nextTick(() => {\r\n            this.$emit('onCountdownEnd')\r\n          })\r\n        }\r\n      }\r\n    },\r\n    openCamera() {\r\n      const video = document.querySelector('#camera2')\r\n      const streamingVideo = document.querySelector('#streaming-video')\r\n      streamingVideo.play()\r\n\r\n      /** カメラ設定 */\r\n      const constraints = {\r\n        audio: false,\r\n        video: {\r\n          facingMode: 'user' // フロントカメラを利用する\r\n          // facingMode: { exact: \"environment\" }  // リアカメラを利用する場合\r\n        }\r\n      }\r\n\r\n      /**\r\n       * カメラを<video>と同期\r\n       */\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then(stream => {\r\n          this.stream = stream\r\n          video.srcObject = stream\r\n          video.onloadedmetadata = () => {\r\n            video.play()\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(err.name + ': ' + err.message)\r\n        })\r\n    },\r\n    playMusic() {\r\n      this.autoPlayErrorAlertIsOpen = false\r\n      this.$nextTick(() => {\r\n        if (this.isStreamingBefore) {\r\n          // 对应safari黑屏\r\n          // this.$refs.streamingBefore.playOrPaused()\r\n        }\r\n        if (this.autoVoiceErrorAlertIsOpen) {\r\n          this.playRemoteStream()\r\n        }\r\n      })\r\n    },\r\n    autoPlayError() {\r\n      console.log('autoPlayError!!!')\r\n      if (!this.isStreamingBefore) {\r\n        return false\r\n      }\r\n      if (this.publishFlag && this.isStreamingBefore) {\r\n        this.$nextTick(() => {\r\n          this.autoPlayErrorAlertIsOpen = true\r\n        })\r\n      } else {\r\n        setTimeout(() => {\r\n          this.autoPlayError()\r\n        }, 500)\r\n      }\r\n    },\r\n    reCheckCamera() {\r\n      const isIOS =\r\n        /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream\r\n      if (isIOS) {\r\n        location.reload()\r\n      } else {\r\n        this.testCamera()\r\n        // this.cameraCheckAlertIsOpen = false\r\n        // this.createStream(this.userId)\r\n      }\r\n    },\r\n    // 测试摄像头\r\n    testCamera() {\r\n      // const that = this\r\n      // this.cameraCheckOk = true\r\n      // 对应safari黑屏\r\n      navigator.getUserMedia(\r\n        { video: { facingMode: 'user' }, audio: true },\r\n        stream => {\r\n          this.cameraCheckAlertIsOpen = false\r\n          stream.getTracks().forEach(function(track) {\r\n            track.stop()\r\n          })\r\n          this.cameraCheckOk = true\r\n        },\r\n        () => {\r\n          this.cameraCheckOk = false\r\n          this.cameraCheckAlertIsOpen = true\r\n        }\r\n      )\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n/* #streaming-video {\r\n  backface-visibility: hidden;\r\n} */\r\n/* #camera2 {\r\n  backface-visibility: hidden;\r\n} */\r\n.streaming-video-box .streaming-before {\r\n  /* position: relative; */\r\n  position: fixed;\r\n  z-index: 0;\r\n  bottom: unset;\r\n  right: unset;\r\n  top: 155px;\r\n  left: 50%;\r\n  width: 246px;\r\n  height: 329px;\r\n  margin-left: -123px;\r\n}\r\n.streaming-before-liver {\r\n  opacity: 0;\r\n}\r\n.streaming-go-shoot-room-tip {\r\n  width: 260px;\r\n  color: #fff;\r\n  height: 36px;\r\n  line-height: 36px;\r\n  text-align: center;\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 80px;\r\n  left: 50%;\r\n  margin-left: -130px;\r\n}\r\n.streaming-video-box {\r\n  height: 100%;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  transform: translateZ(0);\r\n  /* overflow: hidden; */\r\n  z-index: 1;\r\n}\r\n.streaming-video {\r\n  width: 100vw;\r\n  height: 100%;\r\n  vertical-align: middle;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n  /* background: #fff; */\r\n}\r\n.streaming-video-body {\r\n  position: relative;\r\n  z-index: 1;\r\n  height: 100%;\r\n}\r\n.streaming-camera {\r\n  width: 98px;\r\n  height: 156px;\r\n  border-radius: 8px;\r\n  position: absolute;\r\n  z-index: 2;\r\n  right: 22px;\r\n  bottom: 22px;\r\n  background: #181818;\r\n  overflow: hidden;\r\n}\r\n.streaming-video-close-btn {\r\n  position: absolute;\r\n  z-index: 3;\r\n  right: 10px;\r\n  top: 10px;\r\n  font-size: 18px;\r\n  --background: transparent;\r\n  width: 26px;\r\n  height: 26px;\r\n}\r\n.streaming-lag-text {\r\n  transform: translateZ(10px);\r\n  z-index: 10;\r\n  position: absolute;\r\n  bottom: 180px;\r\n  left: 0;\r\n  right: 0;\r\n  text-align: center;\r\n  padding: 6px 0;\r\n  color: #ffffff;\r\n  font-size: 11px;\r\n  text-shadow: black 0px 0px 3px;\r\n}\r\n.streaming-countdown {\r\n  color: #fff;\r\n  width: 166px;\r\n  height: 36px;\r\n  line-height: 36px;\r\n  text-align: center;\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: 6px;\r\n  left: 50%;\r\n  margin-left: -83px;\r\n  background-color: rgba(224, 81, 147, 0.5);\r\n  border-radius: 8px;\r\n  transform: translateZ(10);\r\n}\r\n@media all and (orientation: landscape) {\r\n  .streaming-video-box {\r\n    max-width: calc(100vh / 1.778);\r\n  }\r\n  .isStreamingBefore.streaming-video-box {\r\n    max-width: 100%;\r\n  }\r\n  .streaming-video {\r\n    max-width: calc(100vh / 1.778);\r\n  }\r\n}\r\n@media screen and (max-height: 414px) {\r\n  .streaming-camera {\r\n    width: 49px;\r\n    height: 78px;\r\n  }\r\n}\r\n.streaming-countdown.streaming-gradients {\r\n  background-image: linear-gradient(\r\n    to right,\r\n    rgba(244, 81, 147, 1) 0%,\r\n    rgba(244, 81, 147, 1) 40%,\r\n    rgba(144, 193, 33, 1) 49%,\r\n    rgba(144, 193, 33, 1) 51%,\r\n    rgba(244, 81, 147, 1) 90%,\r\n    rgba(244, 81, 147, 1) 100%\r\n  );\r\n  background-color: transparent;\r\n  background-size: 1500%;\r\n  background-position: 0 0;\r\n  /* Animation */\r\n  animation-timing-function: linear;\r\n  animation-duration: 1.5s;\r\n  animation-iteration-count: infinite;\r\n  animation-name: gradients;\r\n}\r\n.streaming-video-log {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  min-width: 20px;\r\n  min-height: 20px;\r\n  overflow: auto;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  z-index: 99999;\r\n  transform: translateZ(9999px);\r\n  white-space: pre-wrap;\r\n}\r\n.streaming-video-log-bg {\r\n  background: rgba(255, 255, 255, 0.6);\r\n  padding: 5px;\r\n  color: #000;\r\n}\r\n</style>\r\n","<template>\r\n  <div class=\"live-big-body\">\r\n    <ion-header>\r\n      <ion-toolbar>\r\n        <div>\r\n          <ion-title class=\"tc cWhite f14\" v-if=\"meetingEvent\"\r\n            ><img :src=\"meetingEvent.liver.avatar\" class=\"live-header-avatar\" />\r\n            {{ meetingEvent.liver.nickName }}の{{\r\n              meetingEvent.eventExpress\r\n            }}</ion-title\r\n          >\r\n        </div>\r\n      </ion-toolbar>\r\n    </ion-header>\r\n    <ion-content\r\n      :fullscreen=\"true\"\r\n      :scrollEvents=\"true\"\r\n      @ionScroll=\"getCameraReact\"\r\n    >\r\n      <div class=\"common-body-720-90 pb40 live-content-body\">\r\n        <div class=\"live-ticket\">\r\n          <div class=\"live-ticket-circel left\"></div>\r\n          <div class=\"live-ticket-circel right\"></div>\r\n          <div class=\"live-ticket-status\">待機中</div>\r\n          <div class=\"dib live-ticket-info-box\">\r\n            <!-- <ion-icon\r\n              :icon=\"personOutline\"\r\n              class=\"live-ticket-icon pr5\"\r\n            ></ion-icon> -->\r\n            <span class=\"f12\" v-if=\"meetingeEnterInfo\" key=\"0\"\r\n              >No.{{ meetingeEnterInfo.index }}</span\r\n            >\r\n          </div>\r\n          <div class=\"dib live-ticket-info-box\">\r\n            <ion-icon\r\n              :icon=\"timeOutline\"\r\n              class=\"live-ticket-icon pr5\"\r\n            ></ion-icon>\r\n            <span class=\"f12\" key=\"1\" v-if=\"liveIsStop\">準備中</span>\r\n            <span class=\"f12\" key=\"0\" v-else\r\n              >残り{{\r\n                countDown > 31536000 ? '--' : countStartFlag ? countDown : '--'\r\n              }}秒</span\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"tc live-video-body\">\r\n          <div class=\"live-video-gray-tips-body\">\r\n            <div class=\"live-video-gray-tips\">カメラの映像</div>\r\n          </div>\r\n          <div id=\"camera\" class=\"live-video\"></div>\r\n          <div class=\"clearfix live-video-tool-body\">\r\n            <div class=\"fl live-video-circle-body\">\r\n              <div class=\"live-video-mic live-video-circle dflex flexCenter\">\r\n                <div\r\n                  class=\"live-video-mic-p\"\r\n                  :style=\"{ height: `${vol * 4 * 100}%` }\"\r\n                ></div>\r\n                <ion-icon :icon=\"micOutline\"></ion-icon>\r\n              </div>\r\n              <div class=\"live-video-tool-text\">マイクテスト</div>\r\n            </div>\r\n            <div class=\"fl live-video-circle-body\">\r\n              <div\r\n                class=\"live-video-player live-video-circle dflex flexCenter\"\r\n                @click=\"playOrPaused\"\r\n              >\r\n                <ion-icon :icon=\"play\" v-show=\"!playMusic\"></ion-icon>\r\n                <ion-icon :icon=\"pause\" v-show=\"playMusic\"></ion-icon>\r\n              </div>\r\n              <div class=\"live-video-tool-text\">音量テスト</div>\r\n            </div>\r\n          </div>\r\n          <!-- <div v-if=\"localStream\">{{ vol }}</div> -->\r\n          <!-- <div class=\"live-countdown-bg\" v-show=\"countDown <= 10\"></div> -->\r\n          <div\r\n            class=\"live-count-down\"\r\n            v-if=\"countDown > 0 && countDown <= 10 && countStartFlag\"\r\n          >\r\n            {{ countDown }}\r\n          </div>\r\n        </div>\r\n        <div class=\"live-tips\" v-if=\"userType === 'c'\" key=\"c\">\r\n          <div class=\"live-tips-title\">*お願い</div>\r\n          デバイスの録画機能、スクリーンショットの使用はおやめください。<br />\r\n          上記のマイク・スピーカーアイコンで最終確認をしてください。\r\n        </div>\r\n      </div>\r\n    </ion-content>\r\n    <alert\r\n      v-model:isOpen=\"alertIsOpen\"\r\n      text=\"本当に退出させますか？\"\r\n      ok-text=\"はい\"\r\n      cancel-text=\"いいえ\"\r\n      type=\"confirm\"\r\n      @ok=\"closeMeeting\"\r\n      :has-close=\"false\"\r\n      @cancel=\"alertIsOpen = false\"\r\n    ></alert>\r\n    <StopAlert />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  IonContent,\r\n  IonHeader,\r\n  IonToolbar,\r\n  IonIcon,\r\n  IonTitle\r\n} from '@ionic/vue'\r\nimport { defineComponent } from 'vue'\r\nimport {\r\n  close,\r\n  timeOutline,\r\n  personOutline,\r\n  micOutline,\r\n  play,\r\n  pause\r\n} from 'ionicons/icons'\r\nimport Alert from './Alert'\r\nimport TRTC from 'trtc-js-sdk'\r\nimport moment from 'moment'\r\nimport StopAlert from './StopAlert.vue'\r\n\r\nexport default defineComponent({\r\n  name: 'StreamingBefore',\r\n  props: {\r\n    vol: { type: Number, default: 0 }\r\n  },\r\n  data() {\r\n    return {\r\n      alertIsOpen: false,\r\n      playMusic: false,\r\n      music: new Audio(),\r\n      id: this.$route.params.id,\r\n      userType: this.$route.meta.userType,\r\n      countDownTimer: null,\r\n      countDown: 0,\r\n      close,\r\n      timeOutline,\r\n      personOutline,\r\n      micOutline,\r\n      play,\r\n      pause,\r\n      userCount: 20,\r\n      maxUserCount: 200,\r\n      stream: null,\r\n      cameraTestingResult: {},\r\n      micTestingResult: {},\r\n      localStream: null\r\n    }\r\n  },\r\n  components: {\r\n    IonContent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonIcon,\r\n    IonTitle,\r\n    Alert,\r\n    StopAlert\r\n  },\r\n  computed: {\r\n    meetingeEnterInfo() {\r\n      return this.$store.getters.meetingeEnterInfo\r\n    },\r\n    meetingEvent() {\r\n      return this.$store.getters.meetingEvent\r\n    },\r\n    serverDelay() {\r\n      return this.$store.getters.serverDelay\r\n    },\r\n    liveIsStop() {\r\n      return this.$store.getters.liveIsStop\r\n    },\r\n    countStartFlag() {\r\n      return this.$store.getters.countStartFlag\r\n    }\r\n  },\r\n  mounted() {},\r\n  watch: {\r\n    $route() {\r\n      if (this.$route.name !== 'Streaming') {\r\n        if (this.countDownTimer) {\r\n          clearInterval(this.countDownTimer)\r\n          this.countDownTimer = null\r\n        }\r\n        if (this.stream) {\r\n          this.stream.getTracks().forEach(function(track) {\r\n            track.stop()\r\n          })\r\n        }\r\n        if (this.localStream) {\r\n          this.localStream.stop()\r\n          this.localStream.close()\r\n        }\r\n        this.music.pause()\r\n      }\r\n    },\r\n    liveIsStop: {\r\n      handler: function(val) {\r\n        if (!val) {\r\n          this.countDown = 31536001\r\n        }\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  unmounted() {\r\n    if (this.countDownTimer) {\r\n      clearInterval(this.countDownTimer)\r\n      this.countDownTimer = null\r\n    }\r\n    if (this.stream) {\r\n      this.stream.getTracks().forEach(function(track) {\r\n        track.stop()\r\n      })\r\n    }\r\n    if (this.localStream) {\r\n      this.localStream.stop()\r\n      this.localStream.close()\r\n    }\r\n    this.music.pause()\r\n  },\r\n  methods: {\r\n    getCameraReact() {\r\n      const react = document.getElementById('camera')?.getBoundingClientRect()\r\n      if (react) {\r\n        this.$emit('cameraReact', react)\r\n      }\r\n    },\r\n    initMusic() {\r\n      this.music.onplay = () => {\r\n        this.playMusic = true\r\n      }\r\n      this.music.onpause = () => {\r\n        this.playMusic = false\r\n      }\r\n      this.music.preload = 'auto'\r\n      this.music.src =\r\n        this.meetingeEnterInfo.soundUrl ||\r\n        'https://rococo-1259241735.file.myqcloud.com/prd/mp3/sample.mp3'\r\n      this.music.load()\r\n      this.music.volume = 1\r\n      this.music.loop = true\r\n      // this.music.autoplay = true\r\n      // 对应safari黑屏\r\n      // const playPromise = this.music.play()\r\n      // if (playPromise !== undefined) {\r\n      //   playPromise\r\n      //     .then(() => {\r\n      //       // Autoplay started!\r\n      //     })\r\n      //     .catch(error => {\r\n      //       this.$emit('autoPlayError', error)\r\n      //     })\r\n      // }\r\n    },\r\n    playOrPaused() {\r\n      if (this.playMusic) {\r\n        this.music.pause()\r\n      } else {\r\n        this.music.play()\r\n      }\r\n    },\r\n    closeMeetingBefore() {\r\n      this.alertIsOpen = true\r\n    },\r\n    closeMeeting() {\r\n      this.$router.replace({ name: 'Entrance' })\r\n    },\r\n    initCountDown() {\r\n      if (this.$store.getters.meetingeEnterInfo) {\r\n        setTimeout(() => {\r\n          this.getCameraReact()\r\n        }, 100)\r\n        const startTime = this.meetingeEnterInfo.ticket?.startTime || 0\r\n        const s = moment(startTime).diff(\r\n          new Date().getTime() - this.serverDelay,\r\n          'seconds'\r\n        )\r\n        this.countDown = s < 0 ? 0 : s\r\n        // this.countDownFn()\r\n        this.countDownTimer = setInterval(() => {\r\n          this.getCameraReact()\r\n          this.countDownFn()\r\n        }, 1000)\r\n      } else {\r\n        setTimeout(() => {\r\n          this.initCountDown()\r\n        }, 25)\r\n      }\r\n    },\r\n    // 摄像头检测页-检测展示摄像头设备选择列表\r\n    async updateDeviceList() {\r\n      // get cameras\r\n      let cameraDevices = await TRTC.getCameras()\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        if (cameraDevices.length > 0) {\r\n          this.cameraTestingResult.device = cameraDevices[0]\r\n        } else {\r\n          this.$toast.error('カメラの初期化が失敗しました')\r\n        }\r\n      }\r\n      // get voice\r\n      let micDevices = await TRTC.getMicrophones()\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        if (micDevices.length > 0) {\r\n          this.micTestingResult.device = micDevices[0]\r\n        } else {\r\n          this.$toast.error('マイクの初期化が失敗しました')\r\n        }\r\n      }\r\n    },\r\n    async startTesting() {\r\n      // $('#camera-testing-body').show()\r\n      // this.curTestingPageId = 'camera-testing-body'\r\n      // $('#camera-testing').removeClass('icon-normal').addClass('icon-blue complete')\r\n      // this.completedTestingPageIdList.push('camera-testing-body')\r\n      // this.completedTestingPageIdList = [...new Set(this.completedTestingPageIdList)]\r\n\r\n      await this.updateDeviceList()\r\n\r\n      // 创建本地视频流\r\n      this.localStream = TRTC.createStream({\r\n        audio: true,\r\n        video: true,\r\n        cameraId: this.cameraTestingResult.device.deviceId,\r\n        microphoneId: this.micTestingResult.device.deviceId\r\n      })\r\n      this.localStream.initialize()\r\n      this.localStream.play('camera')\r\n    },\r\n    countDownFn() {\r\n      if (!this.liveIsStop) {\r\n        if (this.countDown > 1) {\r\n          const startTime = this.meetingeEnterInfo.ticket.startTime\r\n          this.countDown = moment(startTime).diff(\r\n            new Date().getTime() - this.serverDelay,\r\n            'seconds'\r\n          )\r\n          // this.countDown--\r\n        } else {\r\n          clearInterval(this.countDownTimer)\r\n        }\r\n      }\r\n    },\r\n    openCamera() {\r\n      const video = document.querySelector('#camera')\r\n\r\n      /** カメラ設定 */\r\n      const constraints = {\r\n        audio: false,\r\n        video: {\r\n          facingMode: 'user' // フロントカメラを利用する\r\n          // facingMode: { exact: \"environment\" }  // リアカメラを利用する場合\r\n        }\r\n      }\r\n\r\n      /**\r\n       * カメラを<video>と同期\r\n       */\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then(stream => {\r\n          video.srcObject = stream\r\n          this.stream = stream\r\n          video.onloadedmetadata = () => {\r\n            video.play()\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(err.name + ': ' + err.message)\r\n        })\r\n    }\r\n  }\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.live-video-tool-text {\r\n  color: #fff;\r\n  font-size: 8px;\r\n  text-align: center;\r\n}\r\n.live-content-body {\r\n  padding-top: 10px;\r\n}\r\nion-content {\r\n  --ion-background-color: transparent;\r\n}\r\n.live-big-body {\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  position: fixed;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  contain: layout size style;\r\n  overflow: hidden;\r\n  z-index: 10;\r\n}\r\n.live-video-tool-body {\r\n  width: 164px;\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 50%;\r\n  margin-left: -76px;\r\n}\r\n.live-video-player {\r\n  background: #e05193;\r\n}\r\n.live-video-mic-p {\r\n  background: #e05193;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  /* border-radius: 100%; */\r\n}\r\n.live-video-mic {\r\n  background: rgba(255, 255, 255, 0.6);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.live-video-circle {\r\n  width: 34px;\r\n  height: 34px;\r\n  line-height: 34px;\r\n  color: #fff;\r\n  font-size: 18px;\r\n  border-radius: 17px;\r\n  overflow: hidden;\r\n  margin: 0 auto;\r\n  /* float: left; */\r\n}\r\n.live-video-circle-body {\r\n  margin: 0 10px;\r\n  width: 60px;\r\n  white-space: nowrap;\r\n}\r\n.live-countdown-bg {\r\n  height: 50vh;\r\n  width: 100%;\r\n}\r\n.live-ticket-icon {\r\n  vertical-align: -3px;\r\n}\r\n.live-ticket-info-box {\r\n  margin-top: 6px;\r\n  width: 40%;\r\n}\r\n.live-ticket-circel.left {\r\n  left: -24px;\r\n}\r\n.live-ticket-circel.right {\r\n  right: -24px;\r\n}\r\n.live-ticket-circel {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #181818;\r\n  border-radius: 20px;\r\n  position: absolute;\r\n  z-index: 2;\r\n  top: 50%;\r\n  margin-top: -20px;\r\n}\r\n.live-video {\r\n  max-width: 90%;\r\n  width: auto;\r\n  height: 100%;\r\n  border-radius: 12px;\r\n  vertical-align: middle;\r\n  z-index: 1;\r\n  display: inline-block;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n.live-header-avatar {\r\n  display: inline-block;\r\n  height: 32px;\r\n  width: 32px;\r\n  margin-right: 3px;\r\n  border-radius: 16px;\r\n}\r\n.live-ticket {\r\n  height: 71px;\r\n  width: 100%;\r\n  background: #852a56;\r\n  margin-bottom: 30px;\r\n  color: #fff;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n}\r\n.live-ticket-status {\r\n  padding-top: 10px;\r\n}\r\n.live-tips-title {\r\n  font-size: 14px;\r\n  text-align: center;\r\n}\r\n.live-tips {\r\n  width: 90%;\r\n  margin: 30px auto 0 auto;\r\n  color: #fff;\r\n  background-color: #7c3456;\r\n  font-size: 12px;\r\n  padding: 15px 20px;\r\n  border-radius: 5px;\r\n}\r\n.live-video-gray-tips {\r\n  padding: 10px 20px;\r\n  background: #4b4a4b;\r\n  display: inline-block;\r\n  color: #fff;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  min-height: 38px;\r\n}\r\n.live-video-gray-tips-body {\r\n  position: absolute;\r\n  top: -20px;\r\n  text-align: center;\r\n  width: 100%;\r\n  z-index: 2;\r\n}\r\n.live-video-body {\r\n  position: relative;\r\n  height: 329px;\r\n  z-index: 1;\r\n}\r\n.live-count-down {\r\n  position: absolute;\r\n  z-index: 2;\r\n  width: 180px;\r\n  height: 76px;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin-left: -90px;\r\n  margin-top: -38px;\r\n  font-size: 74px;\r\n  color: #e05193;\r\n  text-shadow: rgba(0, 0, 0, 0.6) 1px 0 10px;\r\n}\r\n</style>\r\n","import { render } from \"./StreamingBefore.vue?vue&type=template&id=855c9d9a&scoped=true\"\nimport script from \"./StreamingBefore.vue?vue&type=script&lang=js\"\nexport * from \"./StreamingBefore.vue?vue&type=script&lang=js\"\n\nimport \"./StreamingBefore.vue?vue&type=style&index=0&id=855c9d9a&scoped=true&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-855c9d9a\"]])\n\nexport default __exports__","import { render } from \"./Streaming.vue?vue&type=template&id=21ebcc32&scoped=true\"\nimport script from \"./Streaming.vue?vue&type=script&lang=js\"\nexport * from \"./Streaming.vue?vue&type=script&lang=js\"\n\nimport \"./Streaming.vue?vue&type=style&index=0&id=21ebcc32&scoped=true&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-21ebcc32\"]])\n\nexport default __exports__","import { render } from \"./Streaming.vue?vue&type=template&id=25759168&scoped=true\"\nimport script from \"./Streaming.vue?vue&type=script&lang=js\"\nexport * from \"./Streaming.vue?vue&type=script&lang=js\"\n\nimport \"./Streaming.vue?vue&type=style&index=0&id=25759168&scoped=true&lang=css\"\nimport \"./Streaming.vue?vue&type=style&index=1&id=25759168&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-25759168\"]])\n\nexport default __exports__","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!./Streaming.vue?vue&type=style&index=0&id=25759168&scoped=true&lang=css\""],"sourceRoot":""}