{"version":3,"sources":["webpack:///./src/views/watch.vue","webpack:///src/views/watch.vue","webpack:///./src/views/watch.vue?71c0","webpack:///./src/views/watch.vue?4403","webpack:///./src/views/watch.vue?1fe6"],"names":["render","_vm","this","_self","_c","_m","staticRenderFns","staticClass","attrs","data","videoList","mounted","startPlay","document","addEventListener","e","keyCode","toggleFullScreen","methods","i","initTcPlayer","container","playUrl","player","window","TcPlayer","mp4","autoplay","live","loop","volume","controls","fullscreen","width","fullscreenElement","exitFullscreen","documentElement","requestFullscreen","initRandom","min","max","Math","floor","random","component"],"mappings":"gHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIE,MAAMC,GAAG,OAAOH,EAAII,GAAG,IAEtEC,EAAkB,CAAC,WAAY,IAAIL,EAAIC,KAAKE,EAAGH,EAAIE,MAAMC,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,uBAAuBJ,EAAG,MAAM,CAACG,YAAY,kBAAkBC,MAAM,CAAC,GAAK,2BCiBzuB,GACfC,OACA,OACAC,UAAA,CACA,0HACA,0HACA,0HACA,0HACA,0HACA,0HACA,0HACA,0HACA,6HAIAC,UACA,KAAAC,YACAC,SAAAC,iBAAA,UAAAC,IACA,KAAAA,EAAAC,SACA,KAAAC,qBAEA,IAEAC,QAAA,CACAN,YACA,QAAAO,EAAA,EAAAA,EAAA,EAAAA,IACA,KAAAC,aAAA,mBAAAD,EAAA,KAAAT,UAAAS,KAIAC,aAAAC,EAAAC,GACA,KAAAC,OAAA,IAAAC,OAAAC,SAAAJ,EAAA,CACAK,IAAAJ,EACAK,UAAA,EACAC,MAAA,EACAC,MAAA,EACAC,OAAA,EACAC,SAAA,OACAC,YAAA,EACAC,MAAA,WAIAhB,mBACAJ,SAAAqB,kBAGArB,SAAAsB,gBACAtB,SAAAsB,iBAHAtB,SAAAuB,gBAAAC,qBAQAC,WAAAC,EAAAC,GACA,OAAAC,KAAAC,MAAAD,KAAAE,UAAAH,EAAAD,SC1E8U,I,wBCQ1UK,EAAY,eACd,EACA5C,EACAM,GACA,EACA,KACA,WACA,MAIa,aAAAsC,E,sECnBf","file":"js/watch.a82dec58.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-watch\"},[_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-0\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-1\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-2\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-3\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-4\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-5\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-6\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-7\"}}),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video-container-8\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class='page-watch'>\n    <div class=\"video-container\" id=\"video-container-0\"></div>\n    <div class=\"video-container\" id=\"video-container-1\"></div>\n    <div class=\"video-container\" id=\"video-container-2\"></div>\n\n    <div class=\"video-container\" id=\"video-container-3\"></div>\n    <div class=\"video-container\" id=\"video-container-4\"></div>\n    <div class=\"video-container\" id=\"video-container-5\"></div>\n\n    <div class=\"video-container\" id=\"video-container-6\"></div>\n    <div class=\"video-container\" id=\"video-container-7\"></div>\n    <div class=\"video-container\" id=\"video-container-8\"></div>\n<!--    <button @click='full'>full</button>-->\n  </div>\n</template>\n\n<script>\n\nexport default {\n  data() {\n    return {\n      videoList: [\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/iBhn4nkk2En8irYdec8TNZE8bJ6BapEK.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/NtJdhMDX6pGdYFyehsEji72fGRD2HNQe.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/jP4cdn46d6DsEpp5CxFTDdMzzSxFfdXi.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/EnfZwtGtz5aHMj7AHT3WPzC48eBiJjrc.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/QPTjS6ArYPem2AA4PGfBAQFEfWwAdwid.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/MMS4XG6hrGrkpHjYJjZAyzXkMc7mfiST.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/nhNAM5WyBbjkh78Jyz6yjAsEtQyPBYt3.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/fAhKCzhzECnDR2FzHzcS7KhyYGxnnDxZ.mp4',\n        'https://yunxi-material-library-prod.oss-cn-hangzhou.aliyuncs.com/recordVideo/49773/5eZYRstdHPzHRR3jcxtm2mHaj2Y2EMFc.mp4'\n      ],\n    }\n  },\n  mounted() {\n    this.startPlay()\n    document.addEventListener('keydown', (e) => {\n      if (e.keyCode === 13) {\n        this.toggleFullScreen()\n      }\n    }, false)\n  },\n  methods: {\n    startPlay() {\n      for (let i = 0; i < 9; i++) {\n        this.initTcPlayer(`video-container-${i}`, this.videoList[i])\n      }\n    },\n\n    initTcPlayer(container, playUrl) {\n      this.player = new window.TcPlayer(container, {\n        mp4: playUrl,\n        autoplay: true,\n        live: false,\n        loop: true,\n        volume: 0,\n        controls: 'none',\n        fullscreen: false,\n        width: '500px',\n      })\n    },\n\n    toggleFullScreen() {\n      if (!document.fullscreenElement) {\n        document.documentElement.requestFullscreen()\n      } else {\n        if (document.exitFullscreen) {\n          document.exitFullscreen()\n        }\n      }\n    },\n\n    initRandom(min, max) {\n      return Math.floor(Math.random() * (max - min)) + min\n    },\n  },\n}\n</script>\n\n<style lang='scss' scoped>\n.page-watch {\n  position: absolute;\n  top: 0;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  height: 100vh;\n  z-index: 999;\n  width: 100vw;\n  box-sizing: border-box;\n  background: #000;\n  padding-left: 50px;\n  .video-container {\n    width: 100%;\n    max-width: 33.3vw;\n    height: 300px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./watch.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./watch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./watch.vue?vue&type=template&id=4bb7a1a4&scoped=true\"\nimport script from \"./watch.vue?vue&type=script&lang=js\"\nexport * from \"./watch.vue?vue&type=script&lang=js\"\nimport style0 from \"./watch.vue?vue&type=style&index=0&id=4bb7a1a4&prod&lang=scss&scoped=true\"\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  \"4bb7a1a4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./watch.vue?vue&type=style&index=0&id=4bb7a1a4&prod&lang=scss&scoped=true\""],"sourceRoot":""}