{"version":3,"sources":["webpack:///./src/components/pdf/videoMarker.vue?763b","webpack:///src/components/pdf/videoMarker.vue","webpack:///./src/components/pdf/videoMarker.vue?1597","webpack:///./src/components/pdf/videoMarker.vue","webpack:///./src/components/pdf/videoMarker.vue?54a8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","type","justify","span","crossOrigin","id","controls","preload","src","url","effect","content","placement","on","click","addDorp","staticStyle","width","data","tableData","border","height","label","scopedSlots","_u","key","fn","scope","size","readonly","model","value","row","callback","$$v","$set","expression","prop","align","img","indexOf","fit","config","resPre","preview-src-list","autosize","minRows","maxRows","_v","slot","nativeOn","$event","stopPropagation","saveOrUpdate","recognitionBtn","del","staticRenderFns","videoMarkervue_type_script_lang_js_","name","props","video","markers","currentTime","upsertForm","dh","pointTime","describeInfo","describes","adminId","adminName","createTime","updateTime","pager","sortField","sortOrder","page","pageSize","totalCount","keyWordField","searchForm","activatedFlag","options","language","playbackRates","autoplay","controlBar","children","inline","timeDivider","durationDisplay","remainingTimeDisplay","PictureInPictureToggle","fullscreenToggle","errorDisplay","userActions","hotkeys","notSupportedMessage","watch","mounted","_this","$video","addLanguage","zh_CN","document","getElementById","firstChild","markerStyle","bottom","border-radius","background-color","position","markerTip","display","text","marker","time","setTimeout","getFind","methods","toBase64","imgUrl","Promise","resolve","reject","image","Image","setAttribute","onload","canvas","createElement","context","getContext","drawImage","quality","dataurl","toDataURL","onerror","Error","base64ToBlob","base64Data","arr","split","fileType","match","bstr","atob","l","length","u8Arr","Uint8Array","charCodeAt","Blob","_this2","concat","token","sessionStorage","getItem","fd","FormData","headers","Content-Type","version","$version","then","append","axios_default","a","post","res","replace","console","log","catch","error","changeUrl","curVal","oldVal","_this3","pause","getVideoCover","_this4","home","method","removeAll","forEach","j","add","class","_this5","player","clipCanvas","childNodes","videoWidth","videoHeight","dataURL","unshift","rowId","Date","now","character","_this6","$message","warning","i","push","join","message","_this7","$confirm","confirmButtonText","cancelButtonText","v","splice","destroyed","destroy","dispose","pdf_videoMarkervue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","__webpack_require__"],"mappings":"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","file":"static/js/chunk-a82aa81c.1743057352700.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('el-row',{attrs:{\"type\":\"flex\",\"justify\":\"center\"}},[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"video-list\"},[_c('video',{staticClass:\"video-js vjs-default-skin vjs-big-play-centered vjs-16-9\",attrs:{\"crossOrigin\":\"anonymous\",\"id\":\"videoid\",\"controls\":\"\",\"preload\":\"auto\"}},[_c('source',{attrs:{\"src\":_vm.url,\"type\":\"video/mp4\"}})]),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"人工标记\",\"placement\":\"left\"}},[_c('i',{staticClass:\"el-icon-camera btn-drop\",on:{\"click\":_vm.addDorp}})])],1),_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"border\":\"\",\"height\":\"50vh\"}},[_c('el-table-column',{attrs:{\"label\":\"标引时间\",\"width\":\"100\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"size\":\"mini\",\"readonly\":\"\"},model:{value:(scope.row.pointTime),callback:function ($$v) {_vm.$set(scope.row, \"pointTime\", $$v)},expression:\"scope.row.pointTime\"}})]}}])}),_c('el-table-column',{attrs:{\"prop\":\"url\",\"label\":\"标引图片\",\"width\":\"160\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(scope.row.img.indexOf('base64')>0)?_c('el-image',{staticStyle:{\"height\":\"60px\"},attrs:{\"src\":scope.row.img,\"fit\":\"contain\"}}):_c('el-image',{staticStyle:{\"height\":\"60px\"},attrs:{\"src\":_vm.config.resPre+scope.row.img,\"preview-src-list\":[_vm.config.resPre + scope.row.img],\"fit\":\"contain\"}})]}}])}),_c('el-table-column',{attrs:{\"label\":\"标引描述\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"size\":\"mini\",\"type\":\"textarea\",\"autosize\":{ minRows: 2, maxRows: 4}},model:{value:(scope.row.describeInfo),callback:function ($$v) {_vm.$set(scope.row, \"describeInfo\", $$v)},expression:\"scope.row.describeInfo\"}})]}}])}),_c('el-table-column',{attrs:{\"width\":\"80\",\"label\":\"编辑\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-dropdown',[_c('span',{staticClass:\"el-dropdown-link\"},[_vm._v(\"\\n                                    操作\"),_c('i',{staticClass:\"el-icon-arrow-down el-icon--right\"})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('el-dropdown-item',{nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.saveOrUpdate(scope.row)}}},[_c('el-button',{attrs:{\"type\":\"text\",\"size\":\"mini\"}},[_vm._v(\"保存\")])],1),_c('el-dropdown-item',{nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.recognitionBtn(scope.row)}}},[_c('el-button',{attrs:{\"type\":\"text\",\"size\":\"mini\"}},[_vm._v(\"文字识别\")])],1),_c('el-dropdown-item',{nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.del(scope.row)}}},[_c('el-button',{attrs:{\"type\":\"text\",\"size\":\"mini\"}},[_vm._v(\"删除\")])],1)],1)],1)]}}])})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"about\">\r\n        <el-row type=\"flex\" justify=\"center\">\r\n            <el-col :span=\"24\">\r\n                <div class=\"video-list\">\r\n                    <video crossOrigin=\"anonymous\" id=\"videoid\" controls preload=\"auto\" class=\"video-js vjs-default-skin vjs-big-play-centered vjs-16-9\">\r\n                        <source :src=\"url\" type=\"video/mp4\">\r\n                    </video>\r\n                    <el-tooltip class=\"item\" effect=\"dark\" content=\"人工标记\" placement=\"left\">\r\n                        <i class=\"el-icon-camera btn-drop\" @click=\"addDorp\"></i>\r\n                    </el-tooltip>\r\n<!--                    <el-tooltip class=\"item\" effect=\"dark\" content=\"自动标记\" placement=\"left\">-->\r\n<!--                        <i class=\"el-icon-video-camera btn-drop2\" @click=\"automaticDorp\"></i>-->\r\n<!--                    </el-tooltip>-->\r\n                </div>\r\n                <el-table :data=\"tableData\" border style=\"width: 100%\" height=\"50vh\">\r\n                    <el-table-column label=\"标引时间\" width=\"100\">\r\n                        <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.pointTime\" size=\"mini\" readonly=\"\"></el-input>\r\n                        </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"url\" label=\"标引图片\" width=\"160\" align=\"center\">\r\n                        <template slot-scope=\"scope\">\r\n                            <el-image style=\"height: 60px\" v-if=\"scope.row.img.indexOf('base64')>0\" :src=\"scope.row.img\" fit=\"contain\"></el-image>\r\n                            <el-image style=\"height: 60px\" v-else :src=\"config.resPre+scope.row.img\" :preview-src-list=\"[config.resPre + scope.row.img]\" fit=\"contain\"></el-image>\r\n                        </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"标引描述\" align=\"center\">\r\n                        <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.describeInfo\" size=\"mini\" type=\"textarea\" :autosize=\"{ minRows: 2, maxRows: 4}\"></el-input>\r\n                        </template>\r\n                    </el-table-column>\r\n                    <el-table-column width=\"80\" label=\"编辑\" align=\"center\">\r\n                        <template slot-scope=\"scope\">\r\n                            <el-dropdown>\r\n                                <span class=\"el-dropdown-link\">\r\n                                    操作<i class=\"el-icon-arrow-down el-icon--right\"></i>\r\n                                </span>\r\n                                <el-dropdown-menu slot=\"dropdown\">\r\n                                    <el-dropdown-item @click.native.stop=\"saveOrUpdate(scope.row)\">\r\n                                        <el-button type=\"text\" size=\"mini\" >保存</el-button>\r\n                                    </el-dropdown-item>\r\n                                    <el-dropdown-item @click.native.stop=\"recognitionBtn(scope.row)\">\r\n                                        <el-button type=\"text\" size=\"mini\" >文字识别</el-button>\r\n                                    </el-dropdown-item>\r\n                                    <el-dropdown-item @click.native.stop=\"del(scope.row)\">\r\n                                        <el-button type=\"text\" size=\"mini\" >删除</el-button>\r\n                                    </el-dropdown-item>\r\n                                </el-dropdown-menu>\r\n                            </el-dropdown>\r\n\r\n                        </template>\r\n                    </el-table-column>\r\n                </el-table>\r\n            </el-col>\r\n        </el-row>\r\n    </div>\r\n</template>\r\n<script>\r\nimport axios from \"axios\";\r\nimport lang_zhcn from \"video.js/dist/lang/zh-CN.json\"\r\n\r\nexport default {\r\n    name: 'videoMarker',\r\n    props: ['url', 'dh'],\r\n    data() {\r\n        return {\r\n            video: \"\",\r\n            markers: [],\r\n            config: config,\r\n            tableData: [],\r\n            currentTime: '',\r\n            upsertForm: {\r\n                id: '',\r\n                dh: '',\r\n                img: '',\r\n                pointTime: '',\r\n                describeInfo: '',\r\n                describes: '',\r\n                adminId: '',\r\n                adminName: '',\r\n                createTime: '',\r\n                updateTime: '',\r\n                pager: {\r\n                    sortField: 'create_time',\r\n                    sortOrder: 'desc',\r\n                    page: 1,\r\n                    pageSize: 10,\r\n                    totalCount: 0,\r\n                    keyWordField: '',\r\n                }\r\n            },\r\n            searchForm: {\r\n                id: '',\r\n                dh: '',\r\n                img: '',\r\n                pointTime: '',\r\n                describeInfo: '',\r\n                describes: '',\r\n                adminId: '',\r\n                adminName: '',\r\n                createTime: '',\r\n                updateTime: '',\r\n                pager: {\r\n                    sortField: 'create_time',\r\n                    sortOrder: 'desc',\r\n                    page: 1,\r\n                    pageSize: 10,\r\n                    totalCount: 0,\r\n                    keyWordField: '',\r\n                }\r\n            },\r\n            activatedFlag: false,\r\n            options: {\r\n                language: \"zh-CN\",\r\n                playbackRates: [0.5, 1, 1.5, 2],//视频播放速度\r\n                autoplay: true, // 自动播放\r\n                controlBar: {\r\n                    children: [\r\n                        { name: 'playToggle' }, // 播放按钮\r\n                        { name: 'currentTimeDisplay' }, // 当前已播放时间\r\n                        { name: 'progressControl' }, // 播放进度条\r\n                        { name: 'durationDisplay' }, // 总时间\r\n                        { name: 'audioTrackButton' },\r\n                        { // 倍数播放\r\n                            name: 'playbackRateMenuButton',\r\n                        },\r\n                        {\r\n                            name: 'volumePanel', // 音量控制\r\n                            inline: true, // 不使用水平方式\r\n                        },\r\n                    ],\r\n                    // 当前时间和持续时间的分隔符\r\n                    timeDivider: true,\r\n                    // 显示持续时间\r\n                    durationDisplay: true,\r\n                    // 是否显示剩余时间功能\r\n                    remainingTimeDisplay: true,\r\n                    PictureInPictureToggle: false,  //画中画\r\n                    fullscreenToggle: true,\r\n                },\r\n                errorDisplay: true, // 错误展示\r\n                userActions: {\r\n                    hotkeys: true // 是否支持热键\r\n                },\r\n                notSupportedMessage: \"此视频暂无法播放，请稍后再试\",\r\n            }\r\n        }\r\n    },\r\n    watch: {\r\n        url: 'changeUrl',\r\n    },\r\n    //初始化播放器\r\n    mounted() {\r\n        this.$video.addLanguage('zh-CN', lang_zhcn);\r\n        //创建一个视频对象\r\n        this.video = this.$video('videoid', this.options, () => {\r\n            this.video.on('pause', () => {\r\n                this.currentTime = document.getElementById(\"videoid\").firstChild.currentTime;\r\n            });\r\n            this.video.on('click', () => {\r\n                this.currentTime = document.getElementById(\"videoid\").firstChild.currentTime;\r\n            });\r\n        });\r\n        //创建标记对象\r\n        this.video.markers({\r\n            markerStyle: {\r\n                // 标记点样式\r\n                width: \"0.7em\",\r\n                height: \"0.7em\",\r\n                bottom: \"-0.20em\",\r\n                \"border-radius\": \"50%\",\r\n                \"background-color\": \"orange\",\r\n                position: \"absolute\",\r\n            },\r\n            markerTip: {\r\n                display: true, // 是否显示\r\n                text: (marker) => {\r\n                    return marker.text;\r\n                },\r\n                time: (marker) => {\r\n                    return marker.time;\r\n                }\r\n            },\r\n            markers: [\r\n            ]\r\n        });\r\n        setTimeout(() => {\r\n            this.getFind()\r\n        }, 1000)\r\n    },\r\n    methods: {\r\n        // 图片url转base64\r\n      toBase64(imgUrl) {\r\n        return new Promise((resolve, reject) => {\r\n          const image = new Image();\r\n          image.setAttribute('crossOrigin', 'anonymous');\r\n          image.src = imgUrl;\r\n\r\n          image.onload = () => {\r\n            const canvas = document.createElement('canvas');\r\n            canvas.width = image.width;\r\n            canvas.height = image.height;\r\n            const context = canvas.getContext('2d');\r\n            context.drawImage(image, 0, 0, image.width, image.height);\r\n            const quality = 0.8;\r\n            const dataurl = canvas.toDataURL('image/jpeg', quality);\r\n            resolve(dataurl); // 解析Promise并返回Base64字符串\r\n          };\r\n\r\n          image.onerror = () => {\r\n            reject(new Error('Error loading image')); // 如果加载图片出错，则拒绝Promise\r\n          };\r\n        });\r\n      },\r\n      //base64转文件流\r\n      base64ToBlob(base64Data) {\r\n      let arr = base64Data.split(','),\r\n      fileType = arr[0].match(/:(.*?);/)[1],\r\n      bstr = atob(arr[1]),\r\n      l = bstr.length,\r\n      u8Arr = new Uint8Array(l);\r\n\r\n      while (l--) {\r\n      u8Arr[l] = bstr.charCodeAt(l);\r\n      }\r\n      return new Blob([u8Arr], {\r\n      type: fileType\r\n      });\r\n      },\r\n        // 自动标记\r\n        // automaticDorp() {\r\n        //   let timer= setInterval(() => {\r\n        //     this.video.pause();\r\n        //     this.getVideoCover();\r\n        //     this.video.play();\r\n        //   }, 10000)\r\n        //\r\n        // // 获取到video元素\r\n        // var videoElement = document.getElementById('videoid').firstChild;\r\n        //\r\n        // // 为video元素添加ended事件监听器\r\n        // videoElement.addEventListener('ended', function() {\r\n        // console.log('视频已播放完毕');\r\n        //   clearInterval(timer);\r\n        // });\r\n        // },\r\n        // 文字识别\r\n        recognitionBtn(row) {\r\n          let imgUrl =`${this.config.resPre}${row.img}`\r\n          let token = sessionStorage.getItem('token');\r\n          let fd = new FormData();\r\n          let config = {\r\n            headers: {\r\n              'Content-Type': 'multipart/form-data',\r\n              token,\r\n              version:this.$version\r\n            }\r\n          };\r\n         this.toBase64(imgUrl).then(dataurl => {\r\n            this.base64ToBlob(dataurl)\r\n            fd.append('file', this.base64ToBlob(dataurl));\r\n           axios.post(`/ocr/ocrFileByUpload`, fd, config).then(res => {\r\n             let a = res.data.replace(/\\n/g, '');\r\n             console.log(a,'a')\r\n            this.saveOrUpdate(row,a)\r\n             // this.copyContentH5(a);\r\n             // if (res.result.success) {\r\n             //   this.$message({\r\n             //     message: '文字识别成功内容已复制到剪贴板',\r\n             //     type: 'success'\r\n             //   });\r\n             // } else {\r\n             //   this.$message.error('文字识别失败');\r\n             // }\r\n           })\r\n\r\n          }).catch(error => {\r\n            console.error('Error:', error);\r\n          });\r\n        },\r\n        changeUrl(curVal, oldVal) {\r\n            if (curVal != oldVal) {\r\n                this.activatedFlag = true\r\n                this.video.src([\r\n                    { type: \"video/mp4\", src: this.url }\r\n                ])\r\n                setTimeout(() => {\r\n                    if (this.activatedFlag) {\r\n                        this.getFind()\r\n                        this.activatedFlag = false\r\n                    }\r\n                }, 100)\r\n            }\r\n        },\r\n        addDorp() {\r\n            this.video.pause();\r\n            this.getVideoCover();\r\n        },\r\n        //查询\r\n        getFind() {\r\n            console.log(this.dh, 'this.dh')\r\n            this.searchForm.dh = this.dh;\r\n            axios({\r\n                url: `${home}/sysItemVideoPoint/findSysItemVideoPointsByCondition`,\r\n                method: 'POST',\r\n                data: this.searchForm\r\n            }).then(res => {\r\n                this.video.markers.removeAll();\r\n                if (res.data.length > 0) {\r\n                    this.tableData = res.data;\r\n                    this.tableData.forEach(j => {\r\n                        this.video.markers.add([{\r\n                            time: j.pointTime,\r\n                            text: j.describeInfo,\r\n                            class: \"white-marker-class\"\r\n                        }]);\r\n                    })\r\n                } else {\r\n                    this.tableData = []\r\n                }\r\n            })\r\n        },\r\n        // 截图\r\n        getVideoCover() {\r\n            let player = document.getElementById(\"videoid\");\r\n            let clipCanvas = document.createElement('canvas');\r\n            clipCanvas.width = player.childNodes[0].videoWidth;\r\n            clipCanvas.height = player.childNodes[0].videoHeight;\r\n            clipCanvas.getContext(\"2d\").drawImage(player.childNodes[0], 0, 0, clipCanvas.width, clipCanvas.height);\r\n            let dataURL = clipCanvas.toDataURL(\"image/png\");\r\n            this.upsertForm.img = dataURL;\r\n            setTimeout(() => {\r\n                this.tableData.unshift({\r\n                    rowId: Date.now(),\r\n                    pointTime: this.currentTime,\r\n                    img: dataURL,\r\n                    describeInfo: ''\r\n                })\r\n            })\r\n\r\n        },\r\n        // 保存\r\n        saveOrUpdate(row,character) {\r\n            if (!row.describeInfo) {\r\n                return this.$message.warning('请先填写标引描述在进行操作')\r\n            }\r\n            if (row.id) {\r\n                this.upsertForm.pointTime = row.pointTime\r\n            } else {\r\n                this.upsertForm.pointTime = this.currentTime\r\n            }\r\n            let arr = []\r\n            this.upsertForm.describes = '';\r\n            this.upsertForm.id = row.id;\r\n            if(character){\r\n              this.upsertForm.describeInfo=row.describeInfo+character\r\n            }else {\r\n              this.upsertForm.describeInfo = row.describeInfo;\r\n            }\r\n            this.upsertForm.dh = this.dh;\r\n            this.upsertForm.img = row.img;\r\n            if (this.tableData.length > 0) {\r\n                this.tableData.forEach((i) => {\r\n                    arr.push(i.describeInfo);\r\n                })\r\n                this.upsertForm.describes = arr.join(' ')\r\n            }\r\n            axios({\r\n                url: `${home}/sysItemVideoPoint/saveSysItemVideoPoint`,\r\n                method: 'POST',\r\n                data: this.upsertForm\r\n            }).then(res => {\r\n              if(character){\r\n                this.$message({\r\n                  message: '文字识别成功',\r\n                  type: 'success'\r\n                });\r\n              }else{\r\n                this.$message({\r\n                  message: '保存成功',\r\n                  type: 'success'\r\n                });\r\n              }\r\n                this.getFind()\r\n            }).catch(error => {\r\n            })\r\n        },\r\n        // 删除\r\n        del(row) {\r\n            this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            }).then(() => {\r\n                if (row.id) {\r\n                    axios({\r\n                        url: `${home}/sysItemVideoPoint/deleteSysItemVideoPoint/${row.id}/${row.describeInfo}`,\r\n                        method: 'GET',\r\n                    }).then(res => {\r\n                        this.$message({\r\n                            message: '删除成功',\r\n                            type: 'success'\r\n                        });\r\n                        this.getFind()\r\n                    })\r\n                } else {\r\n                    this.tableData.forEach((v, i) => {\r\n                        if (v.rowId == row.rowId) {\r\n                            this.tableData.splice(i, 1);\r\n                        }\r\n                    });\r\n                    this.$message({\r\n                        type: 'success',\r\n                        message: '删除成功!'\r\n                    });\r\n                }\r\n\r\n            }).catch(() => {\r\n                this.$message({\r\n                    type: 'info',\r\n                    message: '已取消删除'\r\n                });\r\n            });\r\n        }\r\n    },\r\n    //页面离开时销毁视频对象\r\n    destroyed() {\r\n        this.video.markers.destroy();\r\n        this.video.dispose();\r\n    }\r\n}\r\n  </script>\r\n  <style lang=\"scss\" scoped>\r\n::v-deep .video-js .vjs-control {\r\n    width: 2vw !important;\r\n}\r\n.about {\r\n    width: 100%;\r\n    height: 100%;\r\n    //background-color: #f5f5f5;\r\n    .el-row {\r\n        height: 100%;\r\n    }\r\n}\r\n.video-list {\r\n    background-color: #000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 0vh;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\nvideo {\r\n    width: 100%;\r\n}\r\n.btn-drop {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 20px;\r\n    font-size: 40px;\r\n    cursor: pointer;\r\n    transform: translateY(-50%);\r\n    color: #fff;\r\n}\r\n//.btn-drop2 {\r\n//    position: absolute;\r\n//    top: 50%;\r\n//    right: 20px;\r\n//    font-size: 40px;\r\n//    cursor: pointer;\r\n//    transform: translateY(-50%);\r\n//    color: #fff;\r\n//}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoMarker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoMarker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoMarker.vue?vue&type=template&id=55bd48ad&scoped=true&\"\nimport script from \"./videoMarker.vue?vue&type=script&lang=js&\"\nexport * from \"./videoMarker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoMarker.vue?vue&type=style&index=0&id=55bd48ad&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  \"55bd48ad\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./videoMarker.vue?vue&type=style&index=0&id=55bd48ad&lang=scss&scoped=true&\""],"sourceRoot":""}