{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/videoPlayer/videoPlayer.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/videoPlayer/videoPlayer.vue","mtime":1708395041801},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBmbHZqcyBmcm9tICJmbHYuanMiOwppbXBvcnQgeyByZWNvcmRzLCBsaW5lRGF0ZSB9IGZyb20gIkAvYXBpL3ZpZGVvIjsKCi8vIHZpZGVvUGxheWVyCi8vIOWNleS4quinhumikeaSreaUvuaPkuS7tgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlZpZGVvUGxheWVyIiwKICBwcm9wczogewogICAgc2hvd1R5cGU6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiAxOwogICAgICB9LAogICAgfSwKICAgIHZpZGVvTGlzdFNlbGVjdE51bTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIiLAogICAgfSwKICAgIHBhZ2VUeXBlOiB7CiAgICAgIC8vIOexu+Wei+exu+WeiyBwYWx5QW5kUGxheWJhY2sKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiAiIjsKICAgICAgfSwKICAgIH0sCiAgICB2aWRlb1VybDogewogICAgICAvLyDop4bpopHmtYEs5LyY5YWI57qn5q+UY2FtZXJhQ29kZemrmO+8jOW9k+aciXZpZGVvVXJs5pe277yMY2FtZXJhQ29kZeS4jeWGjeivt+axguaVsOaNrgogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuICIiOwogICAgICB9LAogICAgfSwKICAgIGl0ZW1zOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4gIiI7CiAgICAgIH0sCiAgICB9LAogICAgaXNIZjogZmFsc2UsCiAgICBjYW1lcmFDb2RlOiB7CiAgICAgIC8vIOinhumikWNvZGXvvIzpu5jorqTmg4XlhrXkuIvkvJrkvb/nlKjov5nkuKror7fmsYLlnLDlnYAKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiAiIjsKICAgICAgfSwKICAgIH0sCiAgICBoZWlndGhJc0Z1bGw6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZSwKICAgIH0sCgogICAgaXNUaW1lOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlLAogICAgfSwKICAgIGZsYXk6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZSwKICAgIH0sCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgamVzc2lidWNhOiBudWxsLAogICAgICBwbGF5ZXI6ICIiLAogICAgICBzZXRUaW1lOiAiIiwKICAgICAgdG9wRGF0YTogewogICAgICAgIGxpbmU6ICIiLAogICAgICAgIG1pbGVhZ2VQb3NpdGlvbjogIiIsCiAgICAgICAgbGluZURpcjogIiIsCiAgICAgICAgZWxlY3RyaWNRdWFudGl0eTogIiIsCiAgICAgICAgY2FtZXJhQ29kaW5nOiAiIiwKICAgICAgICBtZWFzdXJpbmdQb2ludDogIiIsCiAgICAgICAgaXNMb2NrOiAxLAogICAgICB9LAogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICBpdGVtcygpIHsKICAgICAgdGhpcy5jaGVja0NoYW5nZSgic2hvd1R5cGUiKTsKICAgIH0sCiAgICBzaG93VHlwZSgpIHsKICAgICAgdGhpcy5jaGVja0NoYW5nZSgic2hvd1R5cGUiKTsKICAgICAgdGhpcy5kZXN0cm95UGxheWJhY2soKTsKICAgIH0sCiAgICBjYW1lcmFDb2RlKCkgewogICAgICB0aGlzLnNldE4gJiYgY2xlYXJUaW1lb3V0KHRoaXMuc2V0Tik7CiAgICAgIHRoaXMuZGVzdHJveVBsYXliYWNrKCk7CgogICAgICB0aGlzLmNhbWVyYUNvZGUgJiYgdGhpcy5jaGVja0NoYW5nZSgiY2FtZXJhQ29kZSIpOwogICAgfSwKICAgIHZpZGVvVXJsKCkgewogICAgICB0aGlzLnNldE4gJiYgY2xlYXJUaW1lb3V0KHRoaXMuc2V0VGltZSk7CiAgICAgIHRoaXMuZGVzdHJveVBsYXliYWNrKCk7CiAgICAgIHRoaXMuc2V0VGltZSAmJiBjbGVhclRpbWVvdXQodGhpcy5zZXRUaW1lKTsKICAgICAgdGhpcy52aWRlb1VybCAmJiB0aGlzLmNoZWNrQ2hhbmdlKCJ2aWRlb1VybCIpOwogICAgfSwKICB9LAogIGJlZm9yZURlc3Ryb3koKSB7CiAgICBjb25zb2xlLmxvZygiW+inhumikeWNleS+i13op4bpopHljbjovb0iKTsKICAgIHRoaXMuZGVzdHJveVBsYXliYWNrKCk7CgogICAgaWYgKHRoaXMuc2V0VGltZSkgewogICAgICBjbGVhclRpbWVvdXQodGhpcy5zZXRUaW1lKTsKICAgIH0KCiAgICBpZiAodGhpcy5zZXROKSB7CiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnNldE4pOwogICAgfQogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuY2hlY2tDaGFuZ2UoIm1vdW50ZWQiKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIHN0eWxDb21wb21lbnQoKSB7CiAgICAgIGlmKHdpbmRvdy5sb2NhdGlvbi5ocmVmLmluY2x1ZGVzKCJhbGFybURldGFpbCIpKXsKICAgICAgICByZXR1cm4gJ3dpZHRoOiAxMDAlO2hlaWdodDogY2FsYygxMDB2aCAtIDMxN3B4KTsgcG9zaXRpb246IHJlbGF0aXZlOyBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwJwogICAgICB9CiAgICAgIHJldHVybiAnd2lkdGg6IDEwMCU7aGVpZ2h0OiA2NjVweDsgcG9zaXRpb246IHJlbGF0aXZlOyBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwJwogICAgfSwKICAgIC8vIOinhumikeWNuOi9vQogICAgZGVzdHJveVBsYXliYWNrKCkgewogICAgICBpZiAodGhpcy5qZXNzaWJ1Y2EpIHsKICAgICAgICB0aGlzLmplc3NpYnVjYS5kZXN0cm95KCk7CiAgICAgIH0KICAgIH0sCiAgICAvLyDmkYTlg4/mnLrlj5HnlJ/lj5jljJYKICAgIGNoZWNrQ2hhbmdlKHNvdXJjZSkgewogICAgICBjb25zb2xlLmxvZygKICAgICAgICAiW+inhumikeWNleS+i13lj5HnlJ8s5pGE5YOP5py656CBIiwKICAgICAgICBzb3VyY2UsCiAgICAgICAgdGhpcy52aWRlb1VybCwKICAgICAgICB0aGlzLmNhbWVyYUNvZGUsCiAgICAgICAgdGhpcy5mbGF5CiAgICAgICk7CgogICAgICBpZiAoIXRoaXMudmlkZW9VcmwgJiYgIXRoaXMuY2FtZXJhQ29kZSkgewogICAgICAgIC8vIGNvbnNvbGUubG9nKCLor7fpmaTku6PnoIEiKTsKICAgICAgICAvLyB0aGlzLiRyZWZzLm1zZS5xdWVyeVNlbGVjdG9yKCJ2aWRlbyIpLnNyYyA9ICIiOwogICAgICAgIC8vIHRoaXMuJHJlZnMubXNlLnF1ZXJ5U2VsZWN0b3IoInhnLWNvbnRyb2xzIikuaW5uZXJIVE1MID0gIiI7CiAgICAgICAgLy8gcmV0dXJuOwogICAgICB9CgogICAgICAvLyDojrflj5bop4bpopHmtYEKCiAgICAgIGlmICh0aGlzLnZpZGVvVXJsKSB7CiAgICAgICAgdGhpcy52aWRlb0luaXQodGhpcy52aWRlb1VybCk7CiAgICAgIH0gZWxzZSBpZiAodGhpcy5jYW1lcmFDb2RlKSB7CiAgICAgICAgLy8g57G75Z6L5LqM5aKe5Yqg57q/5L+h5oGvCiAgICAgICAgaWYgKHRoaXMuc2hvd1R5cGUgPT0gMikgewogICAgICAgICAgbGluZURhdGUodGhpcy5jYW1lcmFDb2RlKS50aGVuKChyZXMpID0+IHsKICAgICAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5saW5lID0gcmVzLmRhdGFbMF07CiAgICAgICAgICAgICAgdGhpcy50b3BEYXRhLm1pbGVhZ2VQb3NpdGlvbiA9IHJlcy5kYXRhWzFdOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5saW5lRGlyID0gcmVzLmRhdGFbMl0gPT0gMSA/ICLkuIrooYwiIDogIuS4i+ihjCI7CiAgICAgICAgICAgICAgdGhpcy50b3BEYXRhLmNhbWVyYUNvZGluZyA9IHJlcy5kYXRhWzNdOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5tZWFzdXJpbmdQb2ludCA9IHJlcy5kYXRhWzVdOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5pc0xvY2sgPSByZXMuZGF0YVs2XTsKICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLnZpZGVvTGlzdFNlbGVjdE51bSwgIjAwOTk0MzQzLS0tLS0tLS0tLeWViuWViuWViiIpOwogICAgICAgICAgICAgIGlmICh0aGlzLnZpZGVvTGlzdFNlbGVjdE51bSA9PSAiOSIpIHsKICAgICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5tZWFzdXJpbmdQb2ludCA9IHJlcy5kYXRhWzVdLnNsaWNlKDAsIDUpOwogICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICB0aGlzLnRvcERhdGEubWVhc3VyaW5nUG9pbnQgPSByZXMuZGF0YVs1XS5zbGljZSgwLCAxNSk7CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5saW5lID0gIiI7CiAgICAgICAgICAgICAgdGhpcy50b3BEYXRhLm1pbGVhZ2VQb3NpdGlvbiA9ICIiOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5saW5lRGlyID0gIiI7CiAgICAgICAgICAgICAgdGhpcy50b3BEYXRhLmNhbWVyYUNvZGluZyA9ICIiOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5tZWFzdXJpbmdQb2ludCA9ICIiOwogICAgICAgICAgICAgIHRoaXMudG9wRGF0YS5pc0xvY2sgPSAxOwogICAgICAgICAgICB9CiAgICAgICAgICB9KTsKICAgICAgICB9CgogICAgICAgIGlmICh0aGlzLiRyb3V0ZS5uYW1lID09PSAiL2FsYXJtRGV0YWlsIikgewogICAgICAgICAgdmFyIHNldCA9IHNldEludGVydmFsKCgpID0+IHsKICAgICAgICAgICAgaWYgKHRoaXMuJHN0b3JlLnN0YXRlLmxpbmVEYXRlUHJvUG9zdCkgewogICAgICAgICAgICAgIHJlY29yZHMoCiAgICAgICAgICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5saW5lRGF0ZVByb1Bvc3QuY2FtZXJhQ29kZSwKICAgICAgICAgICAgICAgIHRoaXMuZmxheQogICAgICAgICAgICAgICkudGhlbigocmVzKSA9PiB7CiAgICAgICAgICAgICAgICB0aGlzLnZpZGVvSW5pdChyZXMuZGF0YSk7CiAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgY2xlYXJJbnRlcnZhbChzZXQpOwogICAgICAgICAgICB9CiAgICAgICAgICB9LCAxMDApOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KCiAgICAgICAgcmVjb3Jkcyh0aGlzLmNhbWVyYUNvZGUsIHRoaXMuZmxheSkudGhlbigocmVzKSA9PiB7CiAgICAgICAgICB0aGlzLnZpZGVvSW5pdChyZXMuZGF0YSk7CiAgICAgICAgfSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5kZXN0cm95UGxheWJhY2soKTsKICAgICAgfQogICAgfSwKICAgIC8vIOinhumikeWIneWni+WMlgogICAgdmlkZW9Jbml0KHVybCkgewogICAgICBpZiAoIXVybCkgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBjb25zb2xlLmxvZyh1cmwsICJ1cmx1cmx1cmx1cmwiKTsKICAgICAgaWYgKCF0aGlzLiRyZWZzLm1zZSkgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBjb25zdCBpc01wNCA9IHVybC5pbmNsdWRlcygiLm1wNCIpIHx8IGZhbHNlOwogICAgICBpZiAoaXNNcDQpIHsKICAgICAgICB0aGlzLmplc3NpYnVjYSAmJiB0aGlzLmplc3NpYnVjYS5kZXN0cm95KCk7CiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICBjb25zdCBjb25maWcgPSB7CiAgICAgICAgICAgIGVsOiB0aGlzLiRyZWZzLm1zZSwKICAgICAgICAgICAgdXJsOiB1cmwsCiAgICAgICAgICAgIGZsdWlkOiBpc01wNCA/IGZhbHNlIDogdHJ1ZSwKICAgICAgICAgICAgcG9zdGVyOiAiIiwKICAgICAgICAgICAgcGx1Z2luczogW10sCiAgICAgICAgICAgIGlzTGl2ZTogaXNNcDQgPyBmYWxzZSA6ICF0aGlzLmlzVGltZSwKICAgICAgICAgICAgYXV0b3BsYXk6IHRydWUsCiAgICAgICAgICAgIGF1dG9wbGF5TXV0ZWQ6IHRydWUsCiAgICAgICAgICB9OwogICAgICAgICAgdGhpcy5wbGF5ZXIgPSBuZXcgUGxheWVyKGNvbmZpZyk7CiAgICAgICAgfSwgMCk7CiAgICAgICAgcmV0dXJuOwogICAgICB9CiAgICAgIHRyeSB7CiAgICAgICAgdGhpcy5qZXNzaWJ1Y2EgPSBuZXcgSmVzc2lidWNhUHJvKHsKICAgICAgICAgIGNvbnRhaW5lcjogdGhpcy4kcmVmcy5tc2UsCiAgICAgICAgICB2aWRlb0J1ZmZlcjogMC4yLAogICAgICAgICAgaXNSZXNpemU6IHRydWUsCiAgICAgICAgICB0ZXh0OiAiIiwKICAgICAgICAgIGxvYWRpbmdUZXh0OiAi5Yqg6L295LitIiwKICAgICAgICAgIHVzZU1TRTogZmFsc2UsCiAgICAgICAgICB1c2VTSU1EOiBmYWxzZSwKICAgICAgICAgIGF1dG9XYXNtOiB0cnVlLAogICAgICAgICAgdGltZW91dDogMTgwLAogICAgICAgICAgaGVhcnRUaW1lb3V0OiAxODAsCiAgICAgICAgICBzdXBwb3J0RGJsY2xpY2tGdWxsc2NyZWVuOiB0cnVlLAogICAgICAgICAgbG9hZGluZ1RpbWVvdXRSZXBsYXlUaW1lczogLTEsCiAgICAgICAgICBoZWFydFRpbWVvdXRSZXBsYXlUaW1lczogLTEsCiAgICAgICAgICAvLyBkZWJ1ZzogdHJ1ZSwKICAgICAgICAgIC8vIGRlYnVnTGV2ZWw6ICJkZWJ1ZyIsCiAgICAgICAgICBjb250cm9sQXV0b0hpZGU6IHRydWUsCiAgICAgICAgICBzaG93QmFuZHdpZHRoOiB0cnVlLAogICAgICAgICAgaGVhcnRUaW1lb3V0UmVwbGF5VXNlTGFzdEZyYW1lU2hvdzogdHJ1ZSwKICAgICAgICAgIHJlcGxheVVzZUxhc3RGcmFtZVNob3c6IHRydWUsCiAgICAgICAgICBvcGVyYXRlQnRuczogewogICAgICAgICAgICBmdWxsc2NyZWVuOiB0cnVlLAogICAgICAgICAgICBzY3JlZW5zaG90OiB0cnVlLAogICAgICAgICAgICBwbGF5OiB0cnVlLAogICAgICAgICAgICBhdWRpbzogdHJ1ZSwKICAgICAgICAgIH0sCiAgICAgICAgICBmb3JjZU5vT2Zmc2NyZWVuOiB0cnVlLAogICAgICAgICAgdXNlV2ViRnVsbFNjcmVlbjogdHJ1ZSwKICAgICAgICAgIGlzTm90TXV0ZTogZmFsc2UsCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy5qZXNzaWJ1Y2EucGxheSh1cmwpOwogICAgICB9IGNhdGNoIChlcnJvcikgewogICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTsKICAgICAgfQogICAgfSwKICAgIGVkaXQoKSB7CiAgICAgIHRoaXMuJGVtaXQoIm9uQ2xpY2siKTsKICAgIH0sCiAgfSwKfTsK"},{"version":3,"sources":["videoPlayer.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"videoPlayer.vue","sourceRoot":"src/components/videoPlayer","sourcesContent":["<template>\n  <div v-if=\"showType == 1\" :class=\"pageType\" :style=\"stylCompoment()\" @click=\"edit\">\n    <div>\n      <template v-if=\"videoUrl || cameraCode\"><span></span>{{ topData.line }}</template>\n    </div>\n    <div ref=\"mse\" v-if=\"!isHf\" style=\"width: 100%;height: 100%;\" :class=\"videoUrl || cameraCode ? 'yes' : 'no_select'\">\n    </div>\n    <div ref=\"mse\" v-else style=\"width: 100%\"></div>\n    <div v-if=\"videoUrl || cameraCode\">\n      {{ topData.mileagePosition }} {{ topData.lineDir\n      }}{{ topData.measuringPoint }}\n    </div>\n    <div v-else></div>\n  </div>\n  <div v-else-if=\"showType == 2\" class=\"videoPlay-type-2\" @click=\"edit\">\n    <div class=\"content\">\n      <div>\n        <template v-if=\"videoUrl || cameraCode\">\n          <span :class=\"topData.isLock == 1 ? 'blue' : 'red'\"></span>{{ topData.line }}</template>\n      </div>\n\n      <div ref=\"mse\" style=\"width: 100%\" :class=\"videoUrl || cameraCode ? 'yes' : 'no_select'\"\n        :style=\"{ height: heigthIsFull == true ? '100%' : 'auto' }\"></div>\n      <div v-if=\"videoUrl || cameraCode\">\n        <!-- {{ videoListSelectNum }} -->\n        {{ topData.mileagePosition }}\n        {{ topData.lineDir }}\n        {{ topData.measuringPoint }}\n        <spanspan>{{ topData.measuringPoint }}</spanspan>\n        <!-- {{ numberVideos }} -->\n      </div>\n      <div v-else></div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport flvjs from \"flv.js\";\nimport { records, lineDate } from \"@/api/video\";\n\n// videoPlayer\n// 单个视频播放插件\nexport default {\n  name: \"VideoPlayer\",\n  props: {\n    showType: {\n      type: Number,\n      default() {\n        return 1;\n      },\n    },\n    videoListSelectNum: {\n      type: String,\n      default: \"\",\n    },\n    pageType: {\n      // 类型类型 palyAndPlayback\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    videoUrl: {\n      // 视频流,优先级比cameraCode高，当有videoUrl时，cameraCode不再请求数据\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    items: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    isHf: false,\n    cameraCode: {\n      // 视频code，默认情况下会使用这个请求地址\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    heigthIsFull: {\n      type: Boolean,\n      default: true,\n    },\n\n    isTime: {\n      type: Boolean,\n      default: false,\n    },\n    flay: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      jessibuca: null,\n      player: \"\",\n      setTime: \"\",\n      topData: {\n        line: \"\",\n        mileagePosition: \"\",\n        lineDir: \"\",\n        electricQuantity: \"\",\n        cameraCoding: \"\",\n        measuringPoint: \"\",\n        isLock: 1,\n      },\n    };\n  },\n  watch: {\n    items() {\n      this.checkChange(\"showType\");\n    },\n    showType() {\n      this.checkChange(\"showType\");\n      this.destroyPlayback();\n    },\n    cameraCode() {\n      this.setN && clearTimeout(this.setN);\n      this.destroyPlayback();\n\n      this.cameraCode && this.checkChange(\"cameraCode\");\n    },\n    videoUrl() {\n      this.setN && clearTimeout(this.setTime);\n      this.destroyPlayback();\n      this.setTime && clearTimeout(this.setTime);\n      this.videoUrl && this.checkChange(\"videoUrl\");\n    },\n  },\n  beforeDestroy() {\n    console.log(\"[视频单例]视频卸载\");\n    this.destroyPlayback();\n\n    if (this.setTime) {\n      clearTimeout(this.setTime);\n    }\n\n    if (this.setN) {\n      clearTimeout(this.setN);\n    }\n  },\n  mounted() {\n    this.checkChange(\"mounted\");\n  },\n  methods: {\n    stylCompoment() {\n      if(window.location.href.includes(\"alarmDetail\")){\n        return 'width: 100%;height: calc(100vh - 317px); position: relative; background-color: #000'\n      }\n      return 'width: 100%;height: 665px; position: relative; background-color: #000'\n    },\n    // 视频卸载\n    destroyPlayback() {\n      if (this.jessibuca) {\n        this.jessibuca.destroy();\n      }\n    },\n    // 摄像机发生变化\n    checkChange(source) {\n      console.log(\n        \"[视频单例]发生,摄像机码\",\n        source,\n        this.videoUrl,\n        this.cameraCode,\n        this.flay\n      );\n\n      if (!this.videoUrl && !this.cameraCode) {\n        // console.log(\"请除代码\");\n        // this.$refs.mse.querySelector(\"video\").src = \"\";\n        // this.$refs.mse.querySelector(\"xg-controls\").innerHTML = \"\";\n        // return;\n      }\n\n      // 获取视频流\n\n      if (this.videoUrl) {\n        this.videoInit(this.videoUrl);\n      } else if (this.cameraCode) {\n        // 类型二增加线信息\n        if (this.showType == 2) {\n          lineDate(this.cameraCode).then((res) => {\n            if (res.code == 200) {\n              this.topData.line = res.data[0];\n              this.topData.mileagePosition = res.data[1];\n              this.topData.lineDir = res.data[2] == 1 ? \"上行\" : \"下行\";\n              this.topData.cameraCoding = res.data[3];\n              this.topData.measuringPoint = res.data[5];\n              this.topData.isLock = res.data[6];\n              console.log(this.videoListSelectNum, \"00994343----------啊啊啊\");\n              if (this.videoListSelectNum == \"9\") {\n                this.topData.measuringPoint = res.data[5].slice(0, 5);\n              } else {\n                this.topData.measuringPoint = res.data[5].slice(0, 15);\n              }\n            } else {\n              this.topData.line = \"\";\n              this.topData.mileagePosition = \"\";\n              this.topData.lineDir = \"\";\n              this.topData.cameraCoding = \"\";\n              this.topData.measuringPoint = \"\";\n              this.topData.isLock = 1;\n            }\n          });\n        }\n\n        if (this.$route.name === \"/alarmDetail\") {\n          var set = setInterval(() => {\n            if (this.$store.state.lineDateProPost) {\n              records(\n                this.$store.state.lineDateProPost.cameraCode,\n                this.flay\n              ).then((res) => {\n                this.videoInit(res.data);\n              });\n              clearInterval(set);\n            }\n          }, 100);\n          return;\n        }\n\n        records(this.cameraCode, this.flay).then((res) => {\n          this.videoInit(res.data);\n        });\n      } else {\n        this.destroyPlayback();\n      }\n    },\n    // 视频初始化\n    videoInit(url) {\n      if (!url) {\n        return;\n      }\n      console.log(url, \"urlurlurlurl\");\n      if (!this.$refs.mse) {\n        return;\n      }\n      const isMp4 = url.includes(\".mp4\") || false;\n      if (isMp4) {\n        this.jessibuca && this.jessibuca.destroy();\n        setTimeout(() => {\n          const config = {\n            el: this.$refs.mse,\n            url: url,\n            fluid: isMp4 ? false : true,\n            poster: \"\",\n            plugins: [],\n            isLive: isMp4 ? false : !this.isTime,\n            autoplay: true,\n            autoplayMuted: true,\n          };\n          this.player = new Player(config);\n        }, 0);\n        return;\n      }\n      try {\n        this.jessibuca = new JessibucaPro({\n          container: this.$refs.mse,\n          videoBuffer: 0.2,\n          isResize: true,\n          text: \"\",\n          loadingText: \"加载中\",\n          useMSE: false,\n          useSIMD: false,\n          autoWasm: true,\n          timeout: 180,\n          heartTimeout: 180,\n          supportDblclickFullscreen: true,\n          loadingTimeoutReplayTimes: -1,\n          heartTimeoutReplayTimes: -1,\n          // debug: true,\n          // debugLevel: \"debug\",\n          controlAutoHide: true,\n          showBandwidth: true,\n          heartTimeoutReplayUseLastFrameShow: true,\n          replayUseLastFrameShow: true,\n          operateBtns: {\n            fullscreen: true,\n            screenshot: true,\n            play: true,\n            audio: true,\n          },\n          forceNoOffscreen: true,\n          useWebFullScreen: true,\n          isNotMute: false,\n        });\n        this.jessibuca.play(url);\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    edit() {\n      this.$emit(\"onClick\");\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.warning-view {\n  position: relative;\n  display: flex;\n  align-items: center;\n  border: 1px solid #20a0ff;\n  padding: 5px;\n  margin-top: 10px;\n\n  .status-icon {\n    padding: 2px 5px;\n    background-color: #d68e15;\n    position: absolute;\n    right: 5px;\n    top: 5px;\n    font-size: 12px;\n    border-radius: 5px;\n    color: #fff;\n  }\n\n  .warning-image {\n    width: 120px;\n    height: 120px;\n    border: 1px solid #fff;\n    margin-right: 10px;\n  }\n\n  .warning-content {\n    color: #8eacc8;\n    font-size: 13px;\n    flex: 1;\n\n    .text-base {\n      margin-top: 5px;\n    }\n\n    .text-1 {\n      color: #50a4f2;\n      font-size: 15px;\n    }\n  }\n\n  .warning-operation {\n    display: flex;\n    font-size: 12px;\n    color: #fff;\n    margin-top: 4px;\n    justify-content: flex-end;\n\n    .button-1 {\n      width: 60px;\n      padding: 2px 0px;\n      border-radius: 5px;\n      border: 1px solid #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .button-2 {\n      width: 60px;\n      padding: 2px 0px;\n      border-radius: 5px;\n      margin-left: 5px;\n      border: 1px solid #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n}\n\n.videoPlay-type-2 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  border-radius: 10px;\n  padding: 1px;\n\n  .content {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    border-radius: 5px;\n    border: 1px solid #70b0ff;\n    overflow: hidden;\n    color: #fff;\n    text-indent: 21px;\n    background: #05152f;\n    border-radius: 10px;\n\n    >div {\n      height: 35px;\n      line-height: 32px;\n      font-size: 14px;\n\n      >span {\n        width: 7px;\n        height: 7px;\n        display: inline-block;\n        background: red;\n        border-radius: 50%;\n        margin-right: 9px;\n\n        &.red {\n          background-color: #ff0000;\n          box-shadow: 0px 2px 6px #ff0000;\n        }\n\n        &.blue {\n          background-color: #00ffc6;\n          box-shadow: 0px 2px 6px #00ffc6;\n        }\n      }\n    }\n  }\n}\n\n.palyAndPlayback {\n  height: calc(100% - 40px) !important;\n}\n\n.palyAndPlayback .xgplayer {\n  height: 100% !important;\n  padding-top: 0 !important;\n}\n\n.palyAndPlayback .xgplayer-is-error {\n  height: 100% !important;\n  padding-top: 0 !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.palyAndPlayback ::v-deep .xgplayer-is-error video:first-child {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  outline: none;\n}\n\n@media screen and (max-width: 1400px) {}\n\n@media screen and (max-width: 1200px) {}\n\n@media screen and (max-width: 900px) {}\n\n@media screen and (max-width: 720px) {}\n\n@media screen and (max-height: 880px) {\n  .videoPlay-type-2 {\n    .content {\n      >div {\n        height: 26px;\n        line-height: 26px;\n        font-size: 13px;\n      }\n    }\n  }\n\n  .jessibuca-container {\n    height: calc(100% - 54px) !important;\n  }\n\n  .el-card .yes {\n    height: 100% !important;\n  }\n}\n\n@media screen and (max-height: 800px) {\n  .jessibuca-container {\n    height: calc(100% - 44px) !important;\n  }\n\n  .el-card .yes {\n    height: 100% !important;\n  }\n\n  .videoPlay-type-2 {\n    .content {\n      >div {\n        height: 22px;\n        line-height: 22px;\n        font-size: 13px;\n      }\n    }\n  }\n}\n\n@media screen and (max-height: 720px) {\n  .el-card .yes {\n    height: 100% !important;\n  }\n\n  .videoPlay-type-2 {\n    .content {\n      >div {\n        height: 18px;\n        line-height: 18px;\n        // font-size: 12px;\n      }\n    }\n  }\n\n  .jessibuca-container {\n    height: calc(100% - 36px) !important;\n  }\n}\n</style>\n\n<style>\n.homeRight-video-content .list-2-3 {\n  height: 28% !important;\n}\n</style>\n"]}]}