20250311

package-lock.json

@@ -15,13 +15,11 @@
         "hls.js": "^1.4.12",
         "leader-line": "^1.0.7",
         "postcss-pxtorem": "^6.0.0",
-        "swiper": "^11.2.5",
         "terser": "^5.29.1",
         "video.js": "^8.6.1",
         "videojs-contrib-hls": "^5.15.0",
         "vue": "^3.2.25",
         "vue-router": "^4.2.5",
-        "vue-scrolling": "^1.0.1",
         "vue3-count-to": "^1.1.2",
         "vue3-number-roll-plus": "^0.1.3",
         "vue3-seamless-scroll": "^3.0.2",
@@ -1743,21 +1741,6 @@
         "postcss": "^8.0.0"
       }
     },
-    "node_modules/prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
-      "optional": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
     "node_modules/process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -1976,24 +1959,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/swiper": {
-      "version": "11.2.5",
-      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.2.5.tgz",
-      "integrity": "sha512-nG0kbIyBfeE2BPFt9nPUX03qUBF75o6+enzjIT/DfCmbh8ORlwhc4eZz1+4H/yseAgb3H+OoEYzmb64i0tYNnQ==",
-      "funding": [
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/swiperjs"
-        },
-        {
-          "type": "open_collective",
-          "url": "http://opencollective.com/swiper"
-        }
-      ],
-      "engines": {
-        "node": ">= 4.7.0"
-      }
-    },
     "node_modules/terser": {
       "version": "5.29.1",
       "resolved": "https://registry.npmmirror.com/terser/-/terser-5.29.1.tgz",
@@ -2524,43 +2489,6 @@
         "vue": "^3.2.0"
       }
     },
-    "node_modules/vue-scrolling": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/vue-scrolling/-/vue-scrolling-1.0.1.tgz",
-      "integrity": "sha512-E9USTNpvNm033pE3kSvs9RUlPlyVXcutziNn1nyDjLDWrLG32jCjEdGhqy6/nOeGfls5Lg8wafPLgDJ/Ul8oow==",
-      "dependencies": {
-        "core-js": "^3.8.3",
-        "vue": "^2.6.14"
-      }
-    },
-    "node_modules/vue-scrolling/node_modules/@vue/compiler-sfc": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
-      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
-      "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "postcss": "^8.4.14",
-        "source-map": "^0.6.1"
-      },
-      "optionalDependencies": {
-        "prettier": "^1.18.2 || ^2.0.0"
-      }
-    },
-    "node_modules/vue-scrolling/node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
-    },
-    "node_modules/vue-scrolling/node_modules/vue": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.16.tgz",
-      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
-      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
-      "dependencies": {
-        "@vue/compiler-sfc": "2.7.16",
-        "csstype": "^3.1.0"
-      }
-    },
     "node_modules/vue3-count-to": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vue3-count-to/-/vue3-count-to-1.1.2.tgz",

src/components/VideoJs.vue

@@ -42,8 +42,8 @@ const initPlay = async () => {
               console.log('sadnuq21',res.data);
               console.log('sadnuq2121',res.data.httpFlv);
               // shiping2.value='http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
-              // shiping2.value=res.data.httpFlv
-              shiping2.value="https://weizhi.huanghuai.edu.cn/jk/hls/c7a1e790-b3bc-4092-a975-40d0e35d54c2.m3u8"
+              shiping2.value=res.data.httpFlv
+              // shiping2.value="https://weizhi.huanghuai.edu.cn/jk/hls/c7a1e790-b3bc-4092-a975-40d0e35d54c2.m3u8"
             
 
               setTimeout(() => {

src/components/left.vue

@@ -358,7 +358,6 @@ import {
 } from "vue3-seamless-scroll";
 import Scroll from "./ScrollView.vue";
 
-import vueScrolling from "vue-scrolling";
 // import { callUIInteraction } from "../webrtcVideo";
 import Tag from "./Tag.vue";
 
@@ -374,7 +373,6 @@ export default {
     Tag,
     Vue3SeamlessScroll,
     VerticalScroll,
-    vueScrolling,
     Scroll
   },
   setup(_, { emit }) {

src/components/right.vue

@@ -205,10 +205,6 @@ import { getDevice, getVideoUrl, getvideo } from "../request/api";
 //找到你的组件地址引入进来
 import VideoJs from "./VideoJs.vue";
 import { CountTo } from "vue3-count-to";
-import { Virtual } from "swiper/modules";
-import { useSwiper } from "swiper/vue";
-import { Swiper, SwiperSlide } from "swiper/vue";
-import "swiper/css";
 
 export default {
   name: "Histogram",
@@ -217,13 +213,9 @@ export default {
     ElCarousel,
     ElCarouselItem,
     CountTo,
-    Swiper,
-    SwiperSlide,
     VideoJs,
   },
   setup() {
-    const swiper = useSwiper();
-    console.log("swiper", swiper);
     onMounted(() => {});
 
     const data = reactive({
@@ -302,15 +294,15 @@ export default {
       videoDialog.value = true;
       dialogTitle.value = item.title;
 
-      // getVideoUrl({ rtsp: item.src }).then((res) => {
-      //   console.log("视频处理", res);
-      //   console.log("视频处理2", res.data.httpFlv);
+      getVideoUrl({ rtsp: item.src }).then((res) => {
+        console.log("视频处理", res);
+        console.log("视频处理2", res.data.httpFlv);
 
-      //   videoData.src = res.data.httpFlv;
-      // });
+        videoData.src = res.data.httpFlv;
+      });
       // videoData.src = src;
-      videoData.src =
-        "https://weizhi.huanghuai.edu.cn/jk/hls/c7a1e790-b3bc-4092-a975-40d0e35d54c2.m3u8";
+      // videoData.src =
+      //   "https://weizhi.huanghuai.edu.cn/jk/hls/c7a1e790-b3bc-4092-a975-40d0e35d54c2.m3u8";
     };
     // 播放视频
     const onPlay = function () {
@@ -403,12 +395,7 @@ export default {
       console.log("darta", data);
       isShowDeviceDetails.value = true;
     };
-    const swiperOptions = ref({
-      autoplay: true,
-      renderExternal: (data) => {
-        console.log("data", data);
-      },
-    });
+   
     let swiperRef = ref(null);
     const d1img = ref("./img/d1_1.png");
     const d12img = ref("./img/d1_2.png");
@@ -444,11 +431,8 @@ export default {
       deviceDetailsList,
       lookDetails,
       isShowDeviceDetails,
-      Virtual,
       swiperLeft,
       swiperRight,
-      swiper,
-      swiperOptions,
       swiperRef,
     };
   },

src/main.js

@@ -11,7 +11,6 @@ import 'vue3-video-play/dist/style.css' // 引入css
 import videojs from "video.js";
 import "video.js/dist/video-js.css";
 
-import vueScrolling from "vue-scrolling";
 // Vue.prototype.$video = videojs;
 
 
@@ -20,7 +19,6 @@ const app = createApp(App)
 console.log("全局的app", app)
 app.use(router)
 app.use(vue3videoPlay)
-app.use(vueScrolling)
 // app.config.globalProperties.$message = ElMessage;
 // app.use(ElMessage)
 app.mount("#app")

yarn.lock

@@ -17,7 +17,7 @@
   resolved "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz"
   integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
-"@babel/parser@^7.15.8", "@babel/parser@^7.16.4", "@babel/parser@^7.23.5":
+"@babel/parser@^7.15.8", "@babel/parser@^7.16.4":
   version "7.26.9"
   resolved "https://registry.npmmirror.com/@babel/parser/-/parser-7.26.9.tgz"
   integrity sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==
@@ -230,17 +230,6 @@
     "@vue/compiler-core" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/compiler-sfc@2.7.16":
-  version "2.7.16"
-  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz"
-  integrity sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==
-  dependencies:
-    "@babel/parser" "^7.23.5"
-    postcss "^8.4.14"
-    source-map "^0.6.1"
-  optionalDependencies:
-    prettier "^1.18.2 || ^2.0.0"
-
 "@vue/compiler-sfc@3.2.37":
   version "3.2.37"
   resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz"
@@ -473,7 +462,7 @@ core-js@^2.4.0:
   resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
   integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
 
-core-js@^3.8.1, core-js@^3.8.3:
+core-js@^3.8.1:
   version "3.33.0"
   resolved "https://registry.npmjs.org/core-js/-/core-js-3.33.0.tgz"
   integrity sha512-HoZr92+ZjFEKar5HS6MC776gYslNOKHt75mEBKWKnPeFDpZ6nH5OeF3S6HFT1mUAUZKrzkez05VboaX8myjSuw==
@@ -483,11 +472,6 @@ csstype@^2.6.8:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz"
   integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
 
-csstype@^3.1.0:
-  version "3.1.3"
-  resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz"
-  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
-
 dayjs@^1.11.13:
   version "1.11.13"
   resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz"
@@ -998,7 +982,7 @@ postcss-pxtorem@^6.0.0:
   resolved "https://registry.npmmirror.com/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz"
   integrity sha512-ZRXrD7MLLjLk2RNGV6UA4f5Y7gy+a/j1EqjAfp9NdcNYVjUMvg5HTYduTjSkKBkRkfqbg/iKrjMO70V4g1LZeg==
 
-postcss@^8.0.0, postcss@^8.1.10, postcss@^8.4.13, postcss@^8.4.14:
+postcss@^8.0.0, postcss@^8.1.10, postcss@^8.4.13:
   version "8.4.14"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.14.tgz"
   integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
@@ -1007,11 +991,6 @@ postcss@^8.0.0, postcss@^8.1.10, postcss@^8.4.13, postcss@^8.4.14:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-"prettier@^1.18.2 || ^2.0.0":
-  version "2.8.8"
-  resolved "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
 process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.npmjs.org/process/-/process-0.11.10.tgz"
@@ -1156,11 +1135,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-swiper@^11.2.5:
-  version "11.2.5"
-  resolved "https://registry.npmmirror.com/swiper/-/swiper-11.2.5.tgz"
-  integrity sha512-nG0kbIyBfeE2BPFt9nPUX03qUBF75o6+enzjIT/DfCmbh8ORlwhc4eZz1+4H/yseAgb3H+OoEYzmb64i0tYNnQ==
-
 terser@^5.29.1:
   version "5.29.1"
   resolved "https://registry.npmmirror.com/terser/-/terser-5.29.1.tgz"
@@ -1399,22 +1373,6 @@ vue-router@^4.2.5:
   dependencies:
     "@vue/devtools-api" "^6.5.0"
 
-vue-scrolling@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npmmirror.com/vue-scrolling/-/vue-scrolling-1.0.1.tgz"
-  integrity sha512-E9USTNpvNm033pE3kSvs9RUlPlyVXcutziNn1nyDjLDWrLG32jCjEdGhqy6/nOeGfls5Lg8wafPLgDJ/Ul8oow==
-  dependencies:
-    core-js "^3.8.3"
-    vue "^2.6.14"
-
-vue@^2.6.14:
-  version "2.7.16"
-  resolved "https://registry.npmmirror.com/vue/-/vue-2.7.16.tgz"
-  integrity sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==
-  dependencies:
-    "@vue/compiler-sfc" "2.7.16"
-    csstype "^3.1.0"
-
 "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.2, vue@^3.2.25, "vue@>= 3 < 4", "vue@2 || 3", vue@3.2.37:
   version "3.2.37"
   resolved "https://registry.npmmirror.com/vue/-/vue-3.2.37.tgz"