| 1 |
- {"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"]}]}
|
