{"version":3,"sources":["webpack:///src/views/whitetest/VideoJS-WebRTC.vue","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?7f8f","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?b802","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?4d67","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?953d","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?561f","webpack:///./src/views/whitetest/VideoJS-WebRTC.vue?fcc0"],"names":["data","isClick","isMuted","player","contractCd","portNo","infos","key","channelName","clientId","sendVideo","sendAudio","forceTURN","wideScreen","openDataChannel","natTraversalDisabled","useTrickleICE","methods","startPlay","language","controls","liveui","autoplay","muted","playbackRates","preload","controlBar","pictureInPictureToggle","progressControl","children","rtcViewer","complete","then","mounted","watch","beforeDestroy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCoC;AACL;AACM;AAEtB;EACfA;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;IACA;EACA;EACAC;IACAC;MACA;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;UACAC;UACAC;UACAC;QACA;MACA;MACA;MACAC;MACA;QACA,8CAEA,iBAEA;MACA;IACA;IACAC;MACA;MACA;MACA,kFACAC;QACA,wBACA;MACA,GACAA;QACA;UACA;YACA;YACA;UACA;QACA;MACA;IACA;EACA;EACAC,WACA;EACAC;IACAhC;MACA;QACA;MACA;IACA;EACA;EACAiC;IAEAL;EACA;AACA,CAAC,E;;;;;;;;;;;;AC3HD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA,aAAa,gCAAgC;AAC7C;AACA,2BAA2B,SAAS,YAAY,EAAE;AAClD;AACA;AACA,2BAA2B,SAAS,YAAY,EAAE;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,0BAA0B,8CAA8C;AACxE,6BAA6B,wBAAwB;AACrD;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA,2BAA2B,SAAS,YAAY,EAAE;AAClD;AACA;AACA,2BAA2B,SAAS,YAAY,EAAE;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,0BAA0B,0CAA0C;AACpE,6BAA6B,oBAAoB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB,SAAS,YAAY,EAAE;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,eAAe,iBAAiB,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,SAAS,YAAY,EAAE;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,sBAAsB;AACrD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,gCAAgC;AAC7C;AACA,2BAA2B,mCAAmC,aAAa,EAAE;AAC7E;AACA;AACA;AACA;AACA,0BAA0B,4CAA4C;AACtE,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACpKA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,8BAA8B,8BAA8B,GAAG,oDAAoD,4BAA4B,GAAG;AACzK;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,ksBAA+Y;AACra;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAyG;AACvC;AACL;AACqC;;;AAGlG;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,oFAAM;AACR,EAAE,qGAAM;AACR,EAAE,8GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACC;AACM;AACN;AACK;AACzD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,mFAAU,CAAC,uEAAI,CAAC,+EAAO,CAAC;;;AAGhE;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACjDf;AAAA;AAAA,wCAAuS,CAAgB,+UAAG,EAAC,C;;;;;;;;;;;;ACA3T;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/VideoJSWebRTCTest.js","sourcesContent":["<template>\n  <v-container fluid class=\"ma-0 pa-0\">\n\t\t<Header />\n    <v-col class=\"pa-0\" id=\"main_content_maxwidthset\" cols=\"12\">\n\t\t\t<v-row class=\"ma-0 pa-2 pt-9\">\n\t\t\t\t<v-col cols=\"1\">\n\t\t\t\t\t{{'contractCd'}}\n\t\t\t\t</v-col>\n        <v-col cols=\"4\">\n          <input id=\"input_grey\" v-model=\"contractCd\" placeholder=\"contractCd\">\n        </v-col>\n        <v-col cols=\"1\">\n\t\t\t\t\t{{'portNo'}}\n\t\t\t\t</v-col>\n        <v-col cols=\"4\">\n          <input id=\"input_grey\" v-model=\"portNo\" placeholder=\"portNo\">\n        </v-col>\n        <v-col cols=\"2\" v-if=\"isClick\">\n          <v-switch class=\"ma-0 pa-0\" v-model=\"isMuted\" :label=\"isMuted? 'Unmute' : 'Mute'\" inset>\n            <template v-slot:label>\n              <span style=\"color: white;\">{{ isMuted ? 'Unmute' : 'Mute' }}</span>\n            </template>\n          </v-switch>\n        </v-col>\n        <v-col cols=\"2\" v-if=\"!isClick\">\n          <v-btn width=\"100%\" height=\"2.5rem\" id=\"blue_btn\" @click=\"complete\">\n            {{'start'}}\n          </v-btn>\n        </v-col>\n\t\t\t</v-row>\n      <v-row class=\"ma-0 pa-2 pt-9\">\n        <v-col class=\"ma-0 pa-0\" cols=\"12\">\n          <video id=\"myVideo\" ref=\"videoElement\" class=\"video-js vjs-default-skin vjs-big-play-centered vjs-current-time\" controls autoplay></video>\n        </v-col>\n      </v-row>\n\t\t</v-col>\n\t</v-container>\n</template>\n\n<script>\nimport \"video.js/dist/video-js.css\";\nimport videojs from 'video.js';\nimport rtcViewer from '@/api/webrtc';\n\nexport default {\n  data() {\n    return {\n      isClick: false,\n      isMuted: false,\n      player: null,\n      contractCd: \"TEST_BUB23400009\",\n      portNo: 1,\n      infos: {\n        key: null,\n        channelName: null,\n        clientId: String(Math.floor(Math.random() * 1000000)),\n        sendVideo: false,\n        sendAudio: false,\n        forceTURN: false,\n        wideScreen: false,\n        openDataChannel: false,\n        natTraversalDisabled: false,\n        useTrickleICE: true,\n      },\n    }\n  }, \n  methods: {\n    startPlay() {\n      const playerOptions = {\n        language: 'ja',\n        controls: true,\n        liveui: true,\n        autoplay: false,\n        muted: false,\n        playbackRates: [0.1, 0.25, 0.5, 1, 2, 3, 10],\n        preload: 'auto',\n        controlBar: {\n          pictureInPictureToggle: false,\n          progressControl: false,\n          children: []\n        },\n      }\n      const videoElement = this.$refs.videoElement;\n      rtcViewer.startViewer(videoElement, this.infos);\n      this.player = videojs(videoElement, playerOptions, () => {\n        this.$refs.videoElement.play().then((value) => {\n          console.log(value);\n        }).catch((err) => {\n          console.log(err);\n        });\n      });\n    },\n    complete() {\n      this.isClick = true;\n      const params = {};\n      this.networkController.setCameraSignalingOn(params, this.contractCd, this.portNo)\n        .then((res) => {\n          if (res.status === 200)\n            return this.networkController.getCameraInfo(params, this.contractCd, this.portNo);\n        })\n        .then((res) => {\n          if (res.status === 200) {\n            if (res.data.channelName) {\n              this.infos.channelName = this.infos.key = res.data.channelName.replace('_TEST', '');\n              this.startPlay();\n            }\n          }\n        });\n      },\n  },\n  mounted() {\n  },\n  watch: {\n    isMuted: function() {\n      if (this.player) {\n        this.player.muted(this.isMuted);\n      }\n    }\n  },\n  beforeDestroy() {\n    console.log(`Player Stop`);\n    rtcViewer.stopViewer(this.infos);\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.hello {\n  background-color: #bbbbbb;\n}\n.v-input--is-label-active label {\n    color: red !important;\n}\n</style>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\"Header\"),\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { id: \"main_content_maxwidthset\", cols: \"12\" },\n        },\n        [\n          _c(\n            \"v-row\",\n            { staticClass: \"ma-0 pa-2 pt-9\" },\n            [\n              _c(\"v-col\", { attrs: { cols: \"1\" } }, [\n                _vm._v(\" \" + _vm._s(\"contractCd\") + \" \"),\n              ]),\n              _c(\"v-col\", { attrs: { cols: \"4\" } }, [\n                _c(\"input\", {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.contractCd,\n                      expression: \"contractCd\",\n                    },\n                  ],\n                  attrs: { id: \"input_grey\", placeholder: \"contractCd\" },\n                  domProps: { value: _vm.contractCd },\n                  on: {\n                    input: function ($event) {\n                      if ($event.target.composing) {\n                        return\n                      }\n                      _vm.contractCd = $event.target.value\n                    },\n                  },\n                }),\n              ]),\n              _c(\"v-col\", { attrs: { cols: \"1\" } }, [\n                _vm._v(\" \" + _vm._s(\"portNo\") + \" \"),\n              ]),\n              _c(\"v-col\", { attrs: { cols: \"4\" } }, [\n                _c(\"input\", {\n                  directives: [\n                    {\n                      name: \"model\",\n                      rawName: \"v-model\",\n                      value: _vm.portNo,\n                      expression: \"portNo\",\n                    },\n                  ],\n                  attrs: { id: \"input_grey\", placeholder: \"portNo\" },\n                  domProps: { value: _vm.portNo },\n                  on: {\n                    input: function ($event) {\n                      if ($event.target.composing) {\n                        return\n                      }\n                      _vm.portNo = $event.target.value\n                    },\n                  },\n                }),\n              ]),\n              _vm.isClick\n                ? _c(\n                    \"v-col\",\n                    { attrs: { cols: \"2\" } },\n                    [\n                      _c(\"v-switch\", {\n                        staticClass: \"ma-0 pa-0\",\n                        attrs: {\n                          label: _vm.isMuted ? \"Unmute\" : \"Mute\",\n                          inset: \"\",\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"label\",\n                              fn: function () {\n                                return [\n                                  _c(\n                                    \"span\",\n                                    { staticStyle: { color: \"white\" } },\n                                    [\n                                      _vm._v(\n                                        _vm._s(_vm.isMuted ? \"Unmute\" : \"Mute\")\n                                      ),\n                                    ]\n                                  ),\n                                ]\n                              },\n                              proxy: true,\n                            },\n                          ],\n                          null,\n                          false,\n                          3711956541\n                        ),\n                        model: {\n                          value: _vm.isMuted,\n                          callback: function ($$v) {\n                            _vm.isMuted = $$v\n                          },\n                          expression: \"isMuted\",\n                        },\n                      }),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              !_vm.isClick\n                ? _c(\n                    \"v-col\",\n                    { attrs: { cols: \"2\" } },\n                    [\n                      _c(\n                        \"v-btn\",\n                        {\n                          attrs: {\n                            width: \"100%\",\n                            height: \"2.5rem\",\n                            id: \"blue_btn\",\n                          },\n                          on: { click: _vm.complete },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"start\") + \" \")]\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n            ],\n            1\n          ),\n          _c(\n            \"v-row\",\n            { staticClass: \"ma-0 pa-2 pt-9\" },\n            [\n              _c(\"v-col\", { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } }, [\n                _c(\"video\", {\n                  ref: \"videoElement\",\n                  staticClass:\n                    \"video-js vjs-default-skin vjs-big-play-centered vjs-current-time\",\n                  attrs: { id: \"myVideo\", controls: \"\", autoplay: \"\" },\n                }),\n              ]),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"\\n.hello[data-v-54669304] {\\n  background-color: #bbbbbb;\\n}\\n.v-input--is-label-active label[data-v-54669304] {\\n    color: red !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=style&index=0&id=54669304&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"2dcb584e\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=style&index=0&id=54669304&scoped=true&lang=css&\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=style&index=0&id=54669304&scoped=true&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./VideoJS-WebRTC.vue?vue&type=template&id=54669304&scoped=true&\"\nimport script from \"./VideoJS-WebRTC.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoJS-WebRTC.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoJS-WebRTC.vue?vue&type=style&index=0&id=54669304&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"54669304\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\ninstallComponents(component, {VBtn,VCol,VContainer,VRow,VSwitch})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('54669304')) {\n      api.createRecord('54669304', component.options)\n    } else {\n      api.reload('54669304', component.options)\n    }\n    module.hot.accept(\"./VideoJS-WebRTC.vue?vue&type=template&id=54669304&scoped=true&\", function () {\n      api.rerender('54669304', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/whitetest/VideoJS-WebRTC.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=style&index=0&id=54669304&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoJS-WebRTC.vue?vue&type=template&id=54669304&scoped=true&\""],"sourceRoot":""}