{"version":3,"sources":["webpack:///./src/views/comunicaciones/index.vue","webpack:///src/views/comunicaciones/index.vue","webpack:///./src/views/comunicaciones/index.vue?c6c3","webpack:///./src/views/comunicaciones/index.vue?6e42"],"names":["render","_vm","this","_c","_self","_v","_l","videos","video","index","key","id","on","$event","playVideo","_s","name","currentVideo","attrs","_e","staticRenderFns","data","apiKey","folderId","currentIndex","videoDurations","mounted","getVideosFromDrive","methods","url","response","fetch","json","files","filter","file","mimeType","includes","length","error","console","duration","setTimeout","playNextVideo","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACF,EAAII,GAAG,0CAA0CF,EAAG,KAAKF,EAAIK,GAAIL,EAAIM,QAAQ,SAASC,EAAMC,GAAO,OAAON,EAAG,KAAK,CAACO,IAAIF,EAAMG,IAAI,CAACR,EAAG,SAAS,CAACS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,UAAUL,MAAU,CAACR,EAAII,GAAGJ,EAAIc,GAAGP,EAAMQ,cAAa,GAAIf,EAAIgB,aAAcd,EAAG,SAAS,CAACe,MAAM,CAAC,MAAQ,OAAO,OAAS,MAAM,IAAM,mCAAmCjB,EAAIgB,kCAAkC,YAAc,IAAI,MAAQ,4BAA4B,gBAAkB,MAAMhB,EAAIkB,QAExiBC,EAAkB,GCoNtB,GACAC,OACA,OACAC,OAAA,0CACAC,SAAA,oCACAhB,OAAA,GACAiB,aAAA,EACAP,aAAA,KACAQ,eAAA,KAGAC,UACA,KAAAC,sBAEAC,QAAA,CACA,2BACA,MAAAC,EAAA,qDAAAN,4BAAA,KAAAD,wCACA,IACA,MAAAQ,QAAAC,MAAAF,GACAR,QAAAS,EAAAE,OACA,KAAAzB,OAAAc,EAAAY,MAAAC,OAAAC,KAAAC,SAAAC,SAAA,WAGA,KAAA9B,OAAA+B,OAAA,GACA,KAAAxB,UAAA,GAEA,MAAAyB,GACAC,QAAAD,MAAA,2BAAAA,KAGAzB,UAAAL,GACA,KAAAe,aAAAf,EACA,KAAAQ,aAAA,KAAAV,OAAAE,GAAAE,GAGA,MAAA8B,EAAA,KAAAhB,eAAA,KAAAR,eAAA,GACAyB,WAAA,KAAAC,cAAA,IAAAF,IAEAE,gBACA,KAAAnB,cAAA,KAAAA,aAAA,QAAAjB,OAAA+B,OACA,KAAAxB,UAAA,KAAAU,iBC9P6V,I,YCOzVoB,EAAY,eACd,EACA5C,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAwB,E","file":"js/chunk-2d0c177b.254d1087.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h2',[_vm._v(\"Videos de la Carpeta de Google Drive\")]),_c('ul',_vm._l((_vm.videos),function(video,index){return _c('li',{key:video.id},[_c('button',{on:{\"click\":function($event){return _vm.playVideo(index)}}},[_vm._v(_vm._s(video.name))])])}),0),(_vm.currentVideo)?_c('iframe',{attrs:{\"width\":\"1200\",\"height\":\"675\",\"src\":`https://drive.google.com/file/d/${_vm.currentVideo}/preview?autoplay=1`,\"frameborder\":\"0\",\"allow\":\"autoplay; encrypted-media\",\"allowfullscreen\":\"\"}}):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- <template>\n    <div>\n      <input type=\"file\" @change=\"cargarVideo\" accept=\"video/*\">\n      <video v-if=\"videoUrl\" :src=\"videoUrl\" controls width=\"1200\"></video>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        videoUrl: null\n      };\n    },\n    methods: {\n      cargarVideo(event) {\n        const url = \"C:\\Users\\PC02617566\\Downloads\\WhatsApp Video 2025-02-27 at 4.10.58 PM.mp4\"\n        console.log(\"eventosss\",event)\n        const file = event.target.files[0];\n        if (file) {\n          this.videoUrl = URL.createObjectURL(file);\n        }\n      }\n    }\n  };\n  </script> -->\n\n<!-- <template>\n    <div>\n      <video :src=\"videoUrl\" controls width=\"1200\" autoplay></video>\n    </div>\n</template>\n  \n<script>\nexport default {\n    data() {\n      return {\n        videoUrl: \"https://www.youtube.com/watch?v=Ne_2NUNsE9A\"\n      };\n    }\n  };\n</script> -->\n\n<!-- AIzaSyCNZUqsJSY2lsEEc3k32Qm_eTnKMHCYE9M\n<template>\n    <div>\n      <iframe\n        width=\"1200\"\n        height=\"675\"\n        :src=\"embedUrl\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen\n      ></iframe>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        embedUrl: \"https://drive.google.com/drive/folders/1Ycpg0MNnzXBKRow8S2WLo51bFt3avClW/1.mp4\"\n      };\n    }\n  };\n  </script> -->\n\n\n<!-- <template>\n    <div>\n      <h2>Videos de la Carpeta de Google Drive</h2>\n      <ul>\n        <li v-for=\"video in videos\" :key=\"video.id\">\n          <button @click=\"playVideo(video.id)\">{{ video.name }}</button>\n        </li>\n      </ul>\n  \n      <iframe\n        v-if=\"currentVideo\"\n        width=\"1200\"\n        height=\"675\"\n        :src=\"`https://drive.google.com/file/d/${currentVideo}/preview`\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen\n      ></iframe>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        apiKey: \"AIzaSyCNZUqsJSY2lsEEc3k32Qm_eTnKMHCYE9M\", // Reemplaza con tu clave de API de Google Drive\n        folderId: \"1Ycpg0MNnzXBKRow8S2WLo51bFt3avClW\", // Reemplaza con el ID de tu carpeta\n        videos: [],\n        currentVideo: null\n      };\n    },\n    mounted() {\n      this.getVideosFromDrive();\n    },\n    methods: {\n      async getVideosFromDrive() {\n        const url = `https://www.googleapis.com/drive/v3/files?q='${this.folderId}'+in+parents&key=${this.apiKey}&fields=files(id,name,mimeType)`;\n        try {\n          const response = await fetch(url);\n          const data = await response.json();\n          this.videos = data.files.filter(file => file.mimeType.includes(\"video/\"));\n        } catch (error) {\n          console.error(\"Error obteniendo videos:\", error);\n        }\n      },\n      playVideo(videoId) {\n        this.currentVideo = videoId;\n      }\n    }\n  };\n  </script> -->\n\n <!--  <template>\n    <div>\n      <h2>Videos de la Carpeta de Google Drive</h2>\n      <ul>\n        <li v-for=\"(video, index) in videos\" :key=\"video.id\">\n          <button @click=\"playVideo(index)\">{{ video.name }}</button>\n        </li>\n      </ul>\n  \n      <iframe\n        v-if=\"currentVideo\"\n        ref=\"videoFrame\"\n        width=\"1200\"\n        height=\"675\"\n        :src=\"`https://drive.google.com/file/d/${currentVideo}/preview?autoplay=1`\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen\n      ></iframe>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        apiKey: \"AIzaSyCNZUqsJSY2lsEEc3k32Qm_eTnKMHCYE9M\", // Reemplaza con tu clave de API de Google Drive\n        folderId: \"1Ycpg0MNnzXBKRow8S2WLo51bFt3avClW\", // Reemplaza con el ID de tu carpeta\n        videos: [],\n        currentIndex: 0,\n        currentVideo: null\n      };\n    },\n    mounted() {\n      this.getVideosFromDrive();\n    },\n    methods: {\n      async getVideosFromDrive() {\n        const url = `https://www.googleapis.com/drive/v3/files?q='${this.folderId}'+in+parents&key=${this.apiKey}&fields=files(id,name,mimeType)`;\n        try {\n          const response = await fetch(url);\n          const data = await response.json();\n          this.videos = data.files.filter(file => file.mimeType.includes(\"video/\"));\n          \n          // Iniciar la reproducción automática si hay videos\n          if (this.videos.length > 0) {\n            this.playVideo(0);\n          }\n        } catch (error) {\n          console.error(\"Error obteniendo videos:\", error);\n        }\n      },\n      playVideo(index) {\n        this.currentIndex = index;\n        this.currentVideo = this.videos[index].id;\n        \n        // Agregar un event listener para detectar cuando el video termine\n        this.$nextTick(() => {\n          const iframe = this.$refs.videoFrame;\n          if (iframe) {\n            iframe.addEventListener(\"ended\", this.playNextVideo);\n          }\n        });\n      },\n      playNextVideo() {\n        this.currentIndex = (this.currentIndex + 1) % this.videos.length; // Bucle infinito\n        this.playVideo(this.currentIndex);\n      }\n    }\n  };\n  </script> -->\n\n  <template>\n    <div>\n      <h2>Videos de la Carpeta de Google Drive</h2>\n      <ul>\n        <li v-for=\"(video, index) in videos\" :key=\"video.id\">\n          <button @click=\"playVideo(index)\">{{ video.name }}</button>\n        </li>\n      </ul>\n  \n      <iframe\n        v-if=\"currentVideo\"\n        width=\"1200\"\n        height=\"675\"\n        :src=\"`https://drive.google.com/file/d/${currentVideo}/preview?autoplay=1`\"\n        frameborder=\"0\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen\n      ></iframe>\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        apiKey: \"AIzaSyCNZUqsJSY2lsEEc3k32Qm_eTnKMHCYE9M\", // Reemplaza con tu clave de API de Google Drive\n        folderId: \"1Ycpg0MNnzXBKRow8S2WLo51bFt3avClW\", // Reemplaza con el ID de tu carpeta\n        videos: [],\n        currentIndex: 0,\n        currentVideo: null,\n        videoDurations: {} // Duraciones estimadas en segundos\n      };\n    },\n    mounted() {\n      this.getVideosFromDrive();\n    },\n    methods: {\n      async getVideosFromDrive() {\n        const url = `https://www.googleapis.com/drive/v3/files?q='${this.folderId}'+in+parents&key=${this.apiKey}&fields=files(id,name,mimeType)`;\n        try {\n          const response = await fetch(url);\n          const data = await response.json();\n          this.videos = data.files.filter(file => file.mimeType.includes(\"video/\"));\n          \n          // Iniciar la reproducción automática si hay videos\n          if (this.videos.length > 0) {\n            this.playVideo(0);\n          }\n        } catch (error) {\n          console.error(\"Error obteniendo videos:\", error);\n        }\n      },\n      playVideo(index) {\n        this.currentIndex = index;\n        this.currentVideo = this.videos[index].id;\n        \n        // Definir una duración estimada (en segundos)\n        const duration = this.videoDurations[this.currentVideo] || 60; // 60s por defecto\n        setTimeout(this.playNextVideo, duration * 1000);\n      },\n      playNextVideo() {\n        this.currentIndex = (this.currentIndex + 1) % this.videos.length; // Bucle infinito\n        this.playVideo(this.currentIndex);\n      }\n    }\n  };\n  </script>","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0f2fcfb8\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}