新增视频播放和样式调整

hookehuyr
Commit 35b4437c6e997b5f36d9a641444a336bea742cea 35b4437c 1 parent 3ea88596
Showing 6 changed files with 832 additions and 47 deletions
package-lock.json
package.json
src/common/tiantan_v2.js
src/main.js
src/views/index.vue
yarn.lock
--- a/package-lock.json
View file @35b4437
+++ b/package-lock.json
View file @35b4437
@@ -8,11 +8,13 @@
       "name": "tjws",
       "version": "1.0.0",
       "dependencies": {
+        "@videojs-player/vue": "^1.0.0",
         "@vitejs/plugin-legacy": "^1.8.2",
         "@vueuse/core": "^8.5.0",
         "animate.css": "^4.1.1",
         "dayjs": "^1.11.3",
         "default-passive-events": "^2.0.0",
+        "font-awesome": "^4.7.0",
         "global": "^4.4.0",
         "html2canvas": "^1.4.1",
         "jquery": "^3.6.0",
@@ -26,6 +28,7 @@
         "uuid": "^8.3.2",
         "vant": "^4.0.0-alpha.3",
         "vconsole": "^3.14.6",
+        "video.js": "^8.3.0",
         "vite-plugin-dynamic-import": "^0.9.6",
         "vite-plugin-mp": "^1.6.1",
         "vue": "^3.2.36",
@@ -419,6 +422,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/video.js": {
+      "version": "7.3.52",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@types/video.js/-/video.js-7.3.52.tgz",
+      "integrity": "sha512-WFj/HkNVCfkchXDeDU0QbimC356FB5vva3g5mgsjk8n3UMKqP9S522rQAmu9LGPiCmShZRPuAlkXmbp5WId6ow==",
+      "peer": true
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.14",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz",
@@ -584,6 +593,62 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/@videojs-player/vue": {
+      "version": "1.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs-player/vue/-/vue-1.0.0.tgz",
+      "integrity": "sha512-WonTezRfKu3fYdQLt/ta+nuKH6gMZUv8l40Jke/j4Lae7IqeO/+lLAmBnh3ni88bwR+vkFXIlZ2Ci7VKInIYJg==",
+      "peerDependencies": {
+        "@types/video.js": "7.x",
+        "video.js": "7.x",
+        "vue": "3.x"
+      }
+    },
+    "node_modules/@videojs/http-streaming": {
+      "version": "3.0.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/http-streaming/-/http-streaming-3.0.2.tgz",
+      "integrity": "sha512-iSZkwTLGg3Rx78ypCCq/GsMME89ElNvU02xj7reCE2PlITMQjyYsER1w5AsySvT1A694u5yuSzEzLLGF1cL4pg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "4.0.0",
+        "aes-decrypter": "4.0.1",
+        "global": "^4.4.0",
+        "m3u8-parser": "^6.0.0",
+        "mpd-parser": "^1.0.1",
+        "mux.js": "6.3.0",
+        "video.js": "^7 || ^8"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      },
+      "peerDependencies": {
+        "video.js": "^7 || ^8"
+      }
+    },
+    "node_modules/@videojs/vhs-utils": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-4.0.0.tgz",
+      "integrity": "sha512-xJp7Yd4jMLwje2vHCUmi8MOUU76nxiwII3z4Eg3Ucb+6rrkFVGosrXlMgGnaLjq724j3wzNElRZ71D/CKrTtxg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
+    "node_modules/@videojs/xhr": {
+      "version": "2.6.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/xhr/-/xhr-2.6.0.tgz",
+      "integrity": "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
     "node_modules/@vitejs/plugin-legacy": {
       "version": "1.8.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@vitejs/plugin-legacy/-/plugin-legacy-1.8.2.tgz",
@@ -813,6 +878,14 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.7",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@xmldom/xmldom/-/xmldom-0.8.7.tgz",
+      "integrity": "sha512-sI1Ly2cODlWStkINzqGrZ8K6n+MTSbAeQnAipGyL+KZCXuHaRlj2gyyy8B/9MvsFFqN7XHryQnB2QwhzvJXovg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.8.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/acorn/-/acorn-8.8.2.tgz",
@@ -833,6 +906,31 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/aes-decrypter": {
+      "version": "4.0.1",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/aes-decrypter/-/aes-decrypter-4.0.1.tgz",
+      "integrity": "sha512-H1nh/P9VZXUf17AA5NQfJML88CFjVBDuGkp5zDHa7oEhYN9TTpNLJknRY1ie0iSKWlDf6JRnJKaZVDSQdPy6Cg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      }
+    },
+    "node_modules/aes-decrypter/node_modules/@videojs/vhs-utils": {
+      "version": "3.0.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+      "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -2610,6 +2708,14 @@
         }
       }
     },
+    "node_modules/font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=",
+      "engines": {
+        "node": ">=0.10.3"
+      }
+    },
     "node_modules/forever-agent": {
       "version": "0.6.1",
       "resolved": "https://mirrors.cloud.tencent.com/npm/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -3028,6 +3134,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/individual": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c="
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -3104,6 +3215,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-function": {
+      "version": "1.0.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/is-glob/-/is-glob-4.0.3.tgz",
@@ -3307,6 +3423,11 @@
         "verror": "1.10.0"
       }
     },
+    "node_modules/keycode": {
+      "version": "2.2.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/keycode/-/keycode-2.2.0.tgz",
+      "integrity": "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
+    },
     "node_modules/lazy-ass": {
       "version": "1.6.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/lazy-ass/-/lazy-ass-1.6.0.tgz",
@@ -3628,6 +3749,30 @@
         "node": ">=10"
       }
     },
+    "node_modules/m3u8-parser": {
+      "version": "6.2.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/m3u8-parser/-/m3u8-parser-6.2.0.tgz",
+      "integrity": "sha512-qlC00JTxYOxawcqg+RB8jbyNwL3foY/nCY61kyWP+RCuJE9APLeqB/nSlTjb4Mg0yRmyERgjswpdQxMvkeoDrg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0"
+      }
+    },
+    "node_modules/m3u8-parser/node_modules/@videojs/vhs-utils": {
+      "version": "3.0.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+      "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
@@ -3938,6 +4083,34 @@
         "node": "*"
       }
     },
+    "node_modules/mpd-parser": {
+      "version": "1.1.1",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mpd-parser/-/mpd-parser-1.1.1.tgz",
+      "integrity": "sha512-uZ/db5wQdlQn1L+OD49YXBhPI9UGeK1SeQE4D5EoaJIhf0WM9X3HDj8d+9PjoG06CgCvGZw3YW/wsHku+CH3yA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "mpd-to-m3u8-json": "bin/parse.js"
+      }
+    },
+    "node_modules/mpd-parser/node_modules/@videojs/vhs-utils": {
+      "version": "3.0.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+      "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -3954,6 +4127,22 @@
       "resolved": "https://mirrors.cloud.tencent.com/npm/mutation-observer/-/mutation-observer-1.0.3.tgz",
       "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
     },
+    "node_modules/mux.js": {
+      "version": "6.3.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mux.js/-/mux.js-6.3.0.tgz",
+      "integrity": "sha512-/QTkbSAP2+w1nxV+qTcumSDN5PA98P0tjrADijIzQHe85oBK3Akhy9AHlH0ne/GombLMz1rLyvVsmrgRxoPDrQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      },
+      "bin": {
+        "muxjs-transmux": "bin/transmux.js"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/nanoid/-/nanoid-3.3.3.tgz",
@@ -4369,6 +4558,17 @@
         }
       }
     },
+    "node_modules/pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5"
+      },
+      "bin": {
+        "pkcs7": "bin/cli.js"
+      }
+    },
     "node_modules/pkg-types": {
       "version": "1.0.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/pkg-types/-/pkg-types-1.0.3.tgz",
@@ -4717,6 +4917,14 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I=",
+      "dependencies": {
+        "individual": "^2.0.0"
+      }
+    },
     "node_modules/rxjs": {
       "version": "7.8.1",
       "resolved": "https://mirrors.cloud.tencent.com/npm/rxjs/-/rxjs-7.8.1.tgz",
@@ -4746,6 +4954,14 @@
         }
       ]
     },
+    "node_modules/safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw=",
+      "dependencies": {
+        "rust-result": "^1.0.0"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -5545,6 +5761,11 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -5604,6 +5825,55 @@
         "extsprintf": "^1.2.0"
       }
     },
+    "node_modules/video.js": {
+      "version": "8.3.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/video.js/-/video.js-8.3.0.tgz",
+      "integrity": "sha512-Vp3mqMLSUE354t+G8CbZKwcV520VKoS5fow8zjnEEKFuqStmkmnvK7/FurP6zuP/oWGJ1rqlKxML56kmJOrwRw==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "3.0.2",
+        "@videojs/vhs-utils": "^4.0.0",
+        "@videojs/xhr": "2.6.0",
+        "aes-decrypter": "^4.0.1",
+        "global": "4.4.0",
+        "keycode": "2.2.0",
+        "m3u8-parser": "^6.0.0",
+        "mpd-parser": "^1.0.1",
+        "mux.js": "^6.2.0",
+        "safe-json-parse": "4.0.0",
+        "videojs-contrib-quality-levels": "3.0.0",
+        "videojs-font": "4.1.0",
+        "videojs-vtt.js": "0.15.4"
+      }
+    },
+    "node_modules/videojs-contrib-quality-levels": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-3.0.0.tgz",
+      "integrity": "sha512-sNx38EYUx+Q+gmup1gVTv9P9/sPs28rM7gZOx1sedaHoKxEdYB+ysOGfHj6MSELBMNGMj6ZspdrpSiWguGvGxA==",
+      "dependencies": {
+        "global": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "video.js": "^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/videojs-font": {
+      "version": "4.1.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-font/-/videojs-font-4.1.0.tgz",
+      "integrity": "sha512-X1LuPfLZPisPLrANIAKCknZbZu5obVM/ylfd1CN+SsCmPZQ3UMDPcvLTpPBJxcBuTpHQq2MO1QCFt7p8spnZ/w=="
+    },
+    "node_modules/videojs-vtt.js": {
+      "version": "0.15.4",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-vtt.js/-/videojs-vtt.js-0.15.4.tgz",
+      "integrity": "sha512-r6IhM325fcLb1D6pgsMkTQT1PpFdUdYZa1iqk7wJEu+QlibBwATPfPc9Bg8Jiym0GE5yP1AG2rMLu+QMVWkYtA==",
+      "dependencies": {
+        "global": "^4.3.1"
+      }
+    },
     "node_modules/vite": {
       "version": "2.9.15",
       "resolved": "https://mirrors.cloud.tencent.com/npm/vite/-/vite-2.9.15.tgz",
@@ -6290,6 +6560,12 @@
       "integrity": "sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==",
       "dev": true
     },
+    "@types/video.js": {
+      "version": "7.3.52",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@types/video.js/-/video.js-7.3.52.tgz",
+      "integrity": "sha512-WFj/HkNVCfkchXDeDU0QbimC356FB5vva3g5mgsjk8n3UMKqP9S522rQAmu9LGPiCmShZRPuAlkXmbp5WId6ow==",
+      "peer": true
+    },
     "@types/web-bluetooth": {
       "version": "0.0.14",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz",
@@ -6395,6 +6671,47 @@
       "integrity": "sha512-Zxd7lDz/LliVYEQi3PR9a8CQa/kGCVzF0u9hqDMaTlgXlbG0wHMFPllrcG0ThR6bfs8xrYVuSFM9pJn6HSoUGQ==",
       "requires": {}
     },
+    "@videojs-player/vue": {
+      "version": "1.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs-player/vue/-/vue-1.0.0.tgz",
+      "integrity": "sha512-WonTezRfKu3fYdQLt/ta+nuKH6gMZUv8l40Jke/j4Lae7IqeO/+lLAmBnh3ni88bwR+vkFXIlZ2Ci7VKInIYJg==",
+      "requires": {}
+    },
+    "@videojs/http-streaming": {
+      "version": "3.0.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/http-streaming/-/http-streaming-3.0.2.tgz",
+      "integrity": "sha512-iSZkwTLGg3Rx78ypCCq/GsMME89ElNvU02xj7reCE2PlITMQjyYsER1w5AsySvT1A694u5yuSzEzLLGF1cL4pg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "4.0.0",
+        "aes-decrypter": "4.0.1",
+        "global": "^4.4.0",
+        "m3u8-parser": "^6.0.0",
+        "mpd-parser": "^1.0.1",
+        "mux.js": "6.3.0",
+        "video.js": "^7 || ^8"
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-4.0.0.tgz",
+      "integrity": "sha512-xJp7Yd4jMLwje2vHCUmi8MOUU76nxiwII3z4Eg3Ucb+6rrkFVGosrXlMgGnaLjq724j3wzNElRZ71D/CKrTtxg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "global": "^4.4.0",
+        "url-toolkit": "^2.2.1"
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.6.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/xhr/-/xhr-2.6.0.tgz",
+      "integrity": "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "global": "~4.4.0",
+        "is-function": "^1.0.1"
+      }
+    },
     "@vitejs/plugin-legacy": {
       "version": "1.8.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/@vitejs/plugin-legacy/-/plugin-legacy-1.8.2.tgz",
@@ -6575,6 +6892,11 @@
       "resolved": "https://mirrors.cloud.tencent.com/npm/@vueuse/metadata/-/metadata-8.9.4.tgz",
       "integrity": "sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw=="
     },
+    "@xmldom/xmldom": {
+      "version": "0.8.7",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/@xmldom/xmldom/-/xmldom-0.8.7.tgz",
+      "integrity": "sha512-sI1Ly2cODlWStkINzqGrZ8K6n+MTSbAeQnAipGyL+KZCXuHaRlj2gyyy8B/9MvsFFqN7XHryQnB2QwhzvJXovg=="
+    },
     "acorn": {
       "version": "8.8.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/acorn/-/acorn-8.8.2.tgz",
@@ -6587,6 +6909,29 @@
       "dev": true,
       "requires": {}
     },
+    "aes-decrypter": {
+      "version": "4.0.1",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/aes-decrypter/-/aes-decrypter-4.0.1.tgz",
+      "integrity": "sha512-H1nh/P9VZXUf17AA5NQfJML88CFjVBDuGkp5zDHa7oEhYN9TTpNLJknRY1ie0iSKWlDf6JRnJKaZVDSQdPy6Cg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0",
+        "pkcs7": "^1.0.4"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
+    },
     "aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -7891,6 +8236,11 @@
       "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
       "dev": true
     },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
     "forever-agent": {
       "version": "0.6.1",
       "resolved": "https://mirrors.cloud.tencent.com/npm/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -8177,6 +8527,11 @@
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
       "dev": true
     },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c="
+    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -8233,6 +8588,11 @@
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true
     },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
     "is-glob": {
       "version": "4.0.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/is-glob/-/is-glob-4.0.3.tgz",
@@ -8390,6 +8750,11 @@
         "verror": "1.10.0"
       }
     },
+    "keycode": {
+      "version": "2.2.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/keycode/-/keycode-2.2.0.tgz",
+      "integrity": "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
+    },
     "lazy-ass": {
       "version": "1.6.0",
       "resolved": "https://mirrors.cloud.tencent.com/npm/lazy-ass/-/lazy-ass-1.6.0.tgz",
@@ -8621,6 +8986,28 @@
         "yallist": "^4.0.0"
       }
     },
+    "m3u8-parser": {
+      "version": "6.2.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/m3u8-parser/-/m3u8-parser-6.2.0.tgz",
+      "integrity": "sha512-qlC00JTxYOxawcqg+RB8jbyNwL3foY/nCY61kyWP+RCuJE9APLeqB/nSlTjb4Mg0yRmyERgjswpdQxMvkeoDrg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "global": "^4.4.0"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
+    },
     "magic-string": {
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
@@ -8855,6 +9242,29 @@
       "resolved": "https://mirrors.cloud.tencent.com/npm/moment/-/moment-2.29.4.tgz",
       "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
     },
+    "mpd-parser": {
+      "version": "1.1.1",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mpd-parser/-/mpd-parser-1.1.1.tgz",
+      "integrity": "sha512-uZ/db5wQdlQn1L+OD49YXBhPI9UGeK1SeQE4D5EoaJIhf0WM9X3HDj8d+9PjoG06CgCvGZw3YW/wsHku+CH3yA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/vhs-utils": "^3.0.5",
+        "@xmldom/xmldom": "^0.8.3",
+        "global": "^4.4.0"
+      },
+      "dependencies": {
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz",
+          "integrity": "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==",
+          "requires": {
+            "@babel/runtime": "^7.12.5",
+            "global": "^4.4.0",
+            "url-toolkit": "^2.2.1"
+          }
+        }
+      }
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -8870,6 +9280,15 @@
       "resolved": "https://mirrors.cloud.tencent.com/npm/mutation-observer/-/mutation-observer-1.0.3.tgz",
       "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
     },
+    "mux.js": {
+      "version": "6.3.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/mux.js/-/mux.js-6.3.0.tgz",
+      "integrity": "sha512-/QTkbSAP2+w1nxV+qTcumSDN5PA98P0tjrADijIzQHe85oBK3Akhy9AHlH0ne/GombLMz1rLyvVsmrgRxoPDrQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      }
+    },
     "nanoid": {
       "version": "3.3.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/nanoid/-/nanoid-3.3.3.tgz",
@@ -9154,6 +9573,14 @@
         }
       }
     },
+    "pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5"
+      }
+    },
     "pkg-types": {
       "version": "1.0.3",
       "resolved": "https://mirrors.cloud.tencent.com/npm/pkg-types/-/pkg-types-1.0.3.tgz",
@@ -9388,6 +9815,14 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I=",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
     "rxjs": {
       "version": "7.8.1",
       "resolved": "https://mirrors.cloud.tencent.com/npm/rxjs/-/rxjs-7.8.1.tgz",
@@ -9403,6 +9838,14 @@
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "dev": true
     },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw=",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
+    },
     "safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -9983,6 +10426,11 @@
         "punycode": "^2.1.0"
       }
     },
+    "url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://mirrors.cloud.tencent.com/npm/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -10033,6 +10481,48 @@
         "extsprintf": "^1.2.0"
       }
     },
+    "video.js": {
+      "version": "8.3.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/video.js/-/video.js-8.3.0.tgz",
+      "integrity": "sha512-Vp3mqMLSUE354t+G8CbZKwcV520VKoS5fow8zjnEEKFuqStmkmnvK7/FurP6zuP/oWGJ1rqlKxML56kmJOrwRw==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@videojs/http-streaming": "3.0.2",
+        "@videojs/vhs-utils": "^4.0.0",
+        "@videojs/xhr": "2.6.0",
+        "aes-decrypter": "^4.0.1",
+        "global": "4.4.0",
+        "keycode": "2.2.0",
+        "m3u8-parser": "^6.0.0",
+        "mpd-parser": "^1.0.1",
+        "mux.js": "^6.2.0",
+        "safe-json-parse": "4.0.0",
+        "videojs-contrib-quality-levels": "3.0.0",
+        "videojs-font": "4.1.0",
+        "videojs-vtt.js": "0.15.4"
+      }
+    },
+    "videojs-contrib-quality-levels": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-3.0.0.tgz",
+      "integrity": "sha512-sNx38EYUx+Q+gmup1gVTv9P9/sPs28rM7gZOx1sedaHoKxEdYB+ysOGfHj6MSELBMNGMj6ZspdrpSiWguGvGxA==",
+      "requires": {
+        "global": "^4.4.0"
+      }
+    },
+    "videojs-font": {
+      "version": "4.1.0",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-font/-/videojs-font-4.1.0.tgz",
+      "integrity": "sha512-X1LuPfLZPisPLrANIAKCknZbZu5obVM/ylfd1CN+SsCmPZQ3UMDPcvLTpPBJxcBuTpHQq2MO1QCFt7p8spnZ/w=="
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.4",
+      "resolved": "https://mirrors.cloud.tencent.com/npm/videojs-vtt.js/-/videojs-vtt.js-0.15.4.tgz",
+      "integrity": "sha512-r6IhM325fcLb1D6pgsMkTQT1PpFdUdYZa1iqk7wJEu+QlibBwATPfPc9Bg8Jiym0GE5yP1AG2rMLu+QMVWkYtA==",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
     "vite": {
       "version": "2.9.15",
       "resolved": "https://mirrors.cloud.tencent.com/npm/vite/-/vite-2.9.15.tgz",
--- a/package.json
View file @35b4437
+++ b/package.json
View file @35b4437
@@ -12,11 +12,13 @@
     "cypress:open": "cypress open"
   },
   "dependencies": {
+    "@videojs-player/vue": "^1.0.0",
     "@vitejs/plugin-legacy": "^1.8.2",
     "@vueuse/core": "^8.5.0",
     "animate.css": "^4.1.1",
     "dayjs": "^1.11.3",
     "default-passive-events": "^2.0.0",
+    "font-awesome": "^4.7.0",
     "global": "^4.4.0",
     "html2canvas": "^1.4.1",
     "jquery": "^3.6.0",
@@ -30,6 +32,7 @@
     "uuid": "^8.3.2",
     "vant": "^4.0.0-alpha.3",
     "vconsole": "^3.14.6",
+    "video.js": "^8.3.0",
     "vite-plugin-dynamic-import": "^0.9.6",
     "vite-plugin-mp": "^1.6.1",
     "vue": "^3.2.36",
--- a/src/common/tiantan_v2.js
View file @35b4437
+++ b/src/common/tiantan_v2.js
View file @35b4437
@@ -109,6 +109,41 @@ var spotInfo = [
     position: [120.585948, 31.315095],
     icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
   },
+  {
+    name: '罗汉堂',
+    position: [120.58764, 31.315011],
+    icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
+    note: `与观音殿遥相呼应的是罗汉堂，位于大雄宝殿西侧。西园寺罗汉堂为中国四大古罗汉堂之一。
+
+    西园罗汉堂创建于明末，咸丰时即倾颓于战火。现仅存第一进石拱门的圆框及左右门券石，雕刻精美，为明代遗物，历经岁月摩娑，光泽内敛。如今，我们只能从遗物的精美雕刻，遥想旧时沧桑及这一不复存在的胜迹。现有的罗汉堂，为同治、光绪年间陆续重葺。屋宇深广，共三进四十八间。整体建筑呈田字形布局，中心雕塑周围有小天井四座，给幽深曲折的殿堂提供了良好的通风和采光条件。
+
+    从空中俯瞰，罗汉堂黛瓦覆顶，组成一个汉字的“田”字。象征在佛教里僧宝，是一切世间供养、布施、修福的无上福田，五百罗汉则是贤圣僧的代表。
+
+
+    除了俯瞰的“田”字，在罗汉堂地下，还有一项隐秘而巧妙的设计——西边放生池的水源经过罗汉堂地下隐秘水道弯曲绕行，流经罗汉堂，最终汇聚到大雄宝殿露台前的香花桥下。这不仅让西园寺内基础水池串联成一片活水，更重要和巧妙地解决了罗汉堂内的湿度调节问题。因五百罗汉为泥胎雕塑，过于干燥的空气将会造成古老的泥塑造像干裂、风化、剥落等一系列问题，而地下隐暗水道的设计，则有效保证罗汉堂内的湿度能控制在一定范围内。于此，不得不叹服先人的智慧。
+
+    罗汉堂原有的建筑较为低矮，不仅光线昏暗、空气浑浊，而且年深日久，梁柱有不同程度的老旧腐化。一九九七年七月，寺院对罗汉堂进行了全面整修，历时半年。在落架大修过程中，既遵照文物修旧如旧的原则，又以创新的精神，适应形势发展的需要，大胆将罗汉堂屋顶升高六十厘米，并加了斗拱，既利于文物的保护，又极大改善了罗汉堂采光环境，使整个罗汉堂显得美观大方，吸引了众多的信众前来瞻礼，使古寺焕发出崭新的光彩，成为名副其实的吴中胜地。`
+  },
+  {
+    name: '大雄宝殿',
+    position: [120.587249, 31.314722],
+    icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
+    note: `大雄宝殿是寺院的中心建筑，兴建于清末民初时期。重檐歇山，面阔七楹，飞檐翘角，气势雄伟，风格挺秀。梁枋均施苏式彩绘，典雅富丽，绚丽夺目。
+
+    大殿二重檐下，悬“大雄宝殿”四个遒劲有力的金字，气势雄浑，据说这四个字是陆润庠所提。陆润庠是苏州历史上第五十五位，也是最后一位状元，官至一品、大学士(即宰相级别)。大雄宝殿是佛教寺院中供奉佛像的正殿，是整座寺院的核心建筑，也是僧众朝暮集中修持的地方。因释迦牟尼佛德号“大雄”，所以称大雄宝殿。为什么叫大雄？大者，是包含万有的意思；雄者，是摄伏群魔的意思。释迦牟尼佛具足圆觉智慧，能雄镇大千世界，降伏四魔（烦恼魔、阴魔、死魔、自在天魔），因此尊称佛陀为大雄。
+
+    檐枋悬有三块匾额，中门之上为“西乾应迹”匾额。西者西方，乾者天也，西乾即是指佛教的发源地古印度，因当时地处中国的西方而得名，相应地，中国则被称为东土。应迹谓应化垂迹，即佛、菩萨应众生之机缘而将其本体示现种种身以济度众生。
+
+    东门上为“焰网庄严”匾额，出处为《药师经》第二大愿：“身善能安住，焰网庄严，过于日月”,即所谓“药师如来琉璃光,焰网庄严无等伦”，形容的是东方药师佛世界；西门上为“光寿无量”匾额，是“无量寿、无量光”的意思，意指西方阿弥陀佛光寿无量。“三个匾额”与殿内供奉的“横世三佛”内外呼应。与“西乾应迹”相呼应的中间一尊佛像是释迦摩尼佛，大迦叶尊者与阿难尊者分立两侧；与“焰网庄严”相呼应的则是药师佛，位于东侧；与“光寿无量”相呼应的则是阿弥陀佛，位于西侧。几尊佛像均是香樟木雕刻，是现存不多的清时期极具代表性的大型木雕造像。三尊佛像下莲花座、金刚须弥座雕刻精美、令人叹为观止。
+
+    大殿内有三副抱柱楹联，外侧上联为“东震涌庄严，看桥通鹤市，山近虎丘，招提久占三吴胜”；下联为“西来参本意，任侠士流芳，生公说法，照澈都归五蕴空”。“鹤市”，阖闾女亡，出殡时，鹤舞于阊门，后以鹤市代指阊门。“生公说法”，是指南北朝的高僧竺道生在虎丘山上说法，最后顽石也点头赞同的典故。后有题记：“乙丑（1925）春仲，郡人许人俊谨题”。
+
+    内侧有两副，内外上联为“宝相瞻大雄，象法禅机垂正觉”；下联为“劳生来小息，鱼音梵呗涤尘烦”；“余姚黄雨斋撰立，江东浦泳谨书”。
+
+    内中上联为“海国启琳宫，宏法利生扬正教”；下联为“灵山闻妙谛，觉迷度苦感仁王”；“弟子夏士魁长发头陀敬献，江东浦泳谨书”。
+
+    两副对联均作于民国三十三年（1944），其中“感仁王”三字年久剥落，1985年浦泳老先生重游西园寺，见字残缺，说“趁我有生之年，把字补好”。不久果寄来字样，重修时已把字补上，亦可告慰于浦老矣！`
+  },
 ];
 var toiletInfo = [
--- a/src/main.js
View file @35b4437
+++ b/src/main.js
View file @35b4437
@@ -2,9 +2,9 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 12:06:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-29 22:00:37
+ * @LastEditTime: 2023-05-30 13:12:21
- * @FilePath: /tswj/src/main.js
+ * @FilePath: /map-demo/src/main.js
- * @Description: 
+ * @Description:
  */
 import { createApp } from 'vue';
 import { Button, Image as VanImage, Col, Row, Icon, Form, Field, CellGroup, ConfigProvider, Toast, Uploader, Empty, Tab, Tabs, Overlay, NumberKeyboard, Lazyload, List, PullRefresh, Popup, Picker, Sticky, Stepper, Tag, Swipe, SwipeItem, Dialog, ActionSheet, Loading, Checkbox, Search } from 'vant';
@@ -14,6 +14,10 @@ import App from './App.vue';
 import axios from '@/utils/axios';
 // import 'default-passive-events'; // 解决Chrome控制台non-passive event listener输出问题
 import { createPinia } from 'pinia';
+import 'font-awesome/css/font-awesome.min.css';
+
+import VueVideoPlayer from '@videojs-player/vue';
+import 'video.js/dist/video-js.css';
 const pinia = createPinia();
 const app = createApp(App);
@@ -22,4 +26,6 @@ app.config.globalProperties.$http = axios; // 关键语句
 app.use(pinia).use(router).use(Button).use(VanImage).use(Col).use(Row).use(Icon).use(Form).use(Field).use(CellGroup).use(Toast).use(Uploader).use(Empty).use(Tab).use(Tabs).use(Overlay).use(NumberKeyboard).use(Lazyload).use(List).use(PullRefresh).use(Popup).use(Picker).use(Sticky).use(Stepper).use(Tag).use(Swipe).use(SwipeItem).use(Dialog).use(ActionSheet).use(Loading).use(Checkbox).use(Search).use(ConfigProvider);
+app.use(VueVideoPlayer)
+
 app.mount('#app');
--- a/src/views/index.vue
View file @35b4437
+++ b/src/views/index.vue
View file @35b4437
 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-05-29 18:12:10
+ * @LastEditTime: 2023-05-30 13:45:04
  * @FilePath: /map-demo/src/views/index.vue
  * @Description: 文件描述
 -->
 <template>
   <div style="height: 100vh; position: relative;">
     <div id="container"></div>
-    <div class="input-card">
-      <!-- <div class="input-item">
-        <span @click="showPublic" class="btn">显示公共设施</span>
-        <span @click="hidePublic" class="btn">隐藏公共设施</span>
-      </div> -->
-      <!-- <div class="input-item">
-        <button class="btn" @click="addLayer" style="margin-right:1rem;">添加图层</button>
-        <button class="btn" @click="removeLayer">删除图层</button>
-      </div> -->
-      <div class="input-item">
-        <!-- <button class="btn" @click="setLocation" style="margin-right:1rem;">定位服务</button>
-        <button class="btn" @click="addLocation" style="margin-right:1rem;">添加定位路线</button>
-        <button class="btn" @click="removeLocation" style="margin-right:1rem;">删除定位路线</button> -->
-        <button class="btn" @click="setTitleLayer" style="margin-right:1rem;">添加贴片</button>
-      </div>
-      <div class="input-item">
-        <button class="btn" @click="setWalkRoute" style="margin-right:1rem;">步行导航</button>
-        <button class="btn" @click="removeWalkRoute" style="margin-right:1rem;">移除步行导航</button>
-      </div>
-    </div>
     <div class="nav-bar-wrapper">
       <van-row>
         <van-col span="8" :class="[isActive === 0 ? 'checked' : '', 'item']" @click="setNavLayer(0)">
-          <van-icon name="shop-o" size="1.25rem" /><br/>
+          <van-icon name="shop-o" size="1.25rem" /><br />
           <span style="font-size: 0.85rem;">景区信息</span>
         </van-col>
         <van-col span="8" :class="[isActive === 1 ? 'checked' : '', 'item']" @click="setNavLayer(1)">
-          <van-icon name="shop-o" size="1.25rem" /><br/>
+          <van-icon name="shop-o" size="1.25rem" /><br />
           <span style="font-size: 0.85rem;">卫生间</span>
         </van-col>
         <van-col span="8" :class="[isActive === 2 ? 'checked' : '', 'item']" @click="setNavLayer(2)">
-          <van-icon name="shop-o" size="1.25rem" /><br/>
+          <van-icon name="shop-o" size="1.25rem" /><br />
           <span style="font-size: 0.85rem;">活动中心</span>
         </van-col>
       </van-row>
@@ -49,12 +29,42 @@
       <span v-else @click="handleSafeRoute(false)">关闭安全路线</span>
     </div>
     <div class="tool-bar-wrapper">
-      <van-icon name="plus" style="margin-bottom: 1rem;" @click="setZoom('plus')" />
+      <div style="display: flex; flex-direction: column;align-items: center;justify-content: center;">
-      <van-icon name="minus" style="margin-bottom: 1rem;" @click="setZoom('minus')" />
+        <van-icon name="plus" style="margin-bottom: 1rem;" @click="setZoom('plus')" />
-      <van-icon name="aim" @click="setLocation" />
+        <van-icon name="minus" style="margin-bottom: 1rem;" @click="setZoom('minus')" />
+        <van-icon name="aim" @click="setLocation" />
+      </div>
     </div>
-    <van-popup v-model:show="show_popup" position="bottom" :overlay="false" closeable
+    <div class="operate-bar-wrapper">
-      :style="{ padding: '64px' }">内容</van-popup>
+      <div class="box-wrapper">
+        <div class="item" @click="setTitleLayer">
+          <i class="fa fa-cube"></i><br />
+          贴片
+        </div>
+        <div v-if="show_walk_route" class="item" @click="setWalkRoute">
+          <i class="fa fa-eye"></i><br />
+          步行
+        </div>
+        <div v-else class="item" @click="removeWalkRoute">
+          <i class="fa fa-eye-slash"></i><br />
+          步行
+        </div>
+      </div>
+    </div>
+    <van-popup v-model:show="show_popup" position="bottom" :overlay="true" :style="{ padding: '1rem' }">
+      <van-icon name="cross" @click="show_popup = false" style="float: right; color: gray;" />
+      <div class="popup-wrapper">
+        <div class="title">
+          {{ popup_title }}
+        </div>
+        <div class="content" v-html="popup_content">
+        </div>
+        <video-player ref="videoPlayer" style="width: 100%; height: 10rem;"
+          poster="https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100"
+          :src="video_src"
+          class="video-player vjs-big-play-centered" controls :loop="true" :volume="0.6"></video-player>
+      </div>
+    </van-popup>
     <van-dialog v-model:show="dialog_show" title="温馨提示">
       <div style="padding: 1rem; text-align: center;">您不在景区范围内</div>
@@ -68,6 +78,7 @@
 import coord from '@/common/tiantan_v2'
 // import AMap from 'AMap'
 import _ from 'lodash';
+import $ from 'jquery';
 const GPS = {
   PI: 3.14159265358979324,
@@ -168,7 +179,11 @@ export default {
       toolBar: '',
       isActive: 0,
       safe_route: [],
-      open_safe_route: true
+      open_safe_route: true,
+      show_walk_route: true,
+      popup_title: '',
+      popup_content: '',
+      video_src: ''
     }
   },
   mounted() {
@@ -183,6 +198,17 @@ export default {
     // 打开贴片地图
     // this.setTitleLayer()
   },
+  watch: {
+    show_popup(val) {
+      if (!val) {
+        this.$nextTick(() => {
+          // 弹框关闭时，暂停视频
+          $('.vjs-tech')[0].pause();
+          $('.vjs-tech')[0].currentTime = 0;
+        })
+      }
+    }
+  },
   methods: {
     // addMarker () {
     //   // axios.get('http://api.map.baidu.com/location/ip?ak=CzpAXV4bhyqCKnWpQqLRkS1i&coor=bd09ll')
@@ -480,7 +506,11 @@ export default {
         }
         // 绑定景点的点击事件 - 文字出现才能触发
         var clickListener = marker.on('click', (e) => {
-          infoWindow.open(this.map);
+          // infoWindow.open(this.map);
+          this.show_popup = true;
+          this.popup_title = x.name;
+          this.popup_content = x.note;
+          this.video_src = 'https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4'
         })
         //
         this.spotInfo.push(marker);
@@ -660,7 +690,7 @@ export default {
         })
       });
     },
-    setZoom (type) { // 设置放大缩小地图
+    setZoom(type) { // 设置放大缩小地图
       const zoom = this.map.getZoom();
       if (type === 'plus') {
         this.map.setZoom(zoom + 1)
@@ -718,7 +748,7 @@ export default {
       var layer = new AMap.TileLayer.Flexible({
         cacheSize: 30,
         opacity: 1,
-        zIndex: 2,
+        zIndex: 100,
         createTile: function (x, y, z, success, fail) {
           // if ((x + y) % 3) {
           //   fail();
@@ -827,19 +857,21 @@ export default {
           console.error('步行路线数据查询失败' + result);
         }
       }
-       AMap.plugin(["AMap.Walking"], () => { //加载步行导航插件
+      AMap.plugin(["AMap.Walking"], () => { //加载步行导航插件
-        this.walk_route = new AMap.Walking ({
+        this.walk_route = new AMap.Walking({
           map: this.map,
         }); //构造步行导航类
         AMap.Event.addListener(this.walk_route, "complete", walking_CallBack); //返回导航查询结果
         //根据起、终点坐标规划步行路线
         this.walk_route.search(new AMap.LngLat(120.587799, 31.313276), new AMap.LngLat(120.587912, 31.315169));
       });
+      this.show_walk_route = false;
     },
-    removeWalkRoute () {
+    removeWalkRoute() {
-      this.walk_route.clear()
+      this.walk_route.clear();
+      this.show_walk_route = true;
     },
-    setNavLayer (index) { // 选择地图图层显示
+    setNavLayer(index) { // 选择地图图层显示
       this.isActive = index;
       if (index === 0) {
         this.setSpotLayer()
@@ -851,7 +883,7 @@ export default {
         this.setActivityLayer()
       }
     },
-    handleSafeRoute (status) { // 打开/关闭逃生路线线
+    handleSafeRoute(status) { // 打开/关闭逃生路线线
       if (status) {
         this.addSafeRoute()
         this.open_safe_route = false;
@@ -913,9 +945,10 @@ export default {
 .tool-bar-wrapper {
   position: absolute;
   left: 20px;
-  bottom: 40px;
+  bottom: 8rem;
   width: 20px;
 }
+
 .nav-bar-wrapper {
   position: absolute;
   top: 0;
@@ -924,18 +957,58 @@ export default {
   height: 3.5rem;
   background-color: white;
   text-align: center;
-  box-shadow: 0 2px 2px  rgba(0, 0, 0, .2);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
+
   .item {
     padding-top: 0.5rem;
   }
+
   .checked {
     color: red;
   }
 }
+
 .safe-route-wrapper {
   position: absolute;
   bottom: 1rem;
   right: 1rem;
   background-color: white;
 }
+
+.operate-bar-wrapper {
+  position: absolute;
+  right: 20px;
+  top: 10%;
+  width: 20px;
+  height: auto;
+
+  .box-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .item {
+      text-align: center;
+      font-size: 0.85rem;
+      width: 2rem;
+      height: 2rem;
+      background-color: white;
+      margin-bottom: 1rem;
+      border-radius: 1px;
+      padding: 2.5px;
+    }
+  }
+}
+
+.popup-wrapper {
+  margin-top: 1rem;
+
+  .title {
+    font-size: 1.25rem;
+    margin-bottom: 0.85rem;
+  }
+
+  .content {}
+}
 </style>
--- a/yarn.lock
View file @35b4437
+++ b/yarn.lock
View file @35b4437
@@ -38,7 +38,7 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/@babel/parser/-/parser-7.21.9.tgz"
   "version" "7.21.9"
-"@babel/runtime@^7.17.2":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.17.2", "@babel/runtime@^7.5.5":
   "integrity" "sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/@babel/runtime/-/runtime-7.21.5.tgz"
   "version" "7.21.5"
@@ -220,6 +220,11 @@
   "resolved" "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz"
   "version" "2.3.3"
+"@types/video.js@7.x":
+  "integrity" "sha512-WFj/HkNVCfkchXDeDU0QbimC356FB5vva3g5mgsjk8n3UMKqP9S522rQAmu9LGPiCmShZRPuAlkXmbp5WId6ow=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@types/video.js/-/video.js-7.3.52.tgz"
+  "version" "7.3.52"
+
 "@types/web-bluetooth@^0.0.14":
   "integrity" "sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz"
@@ -286,6 +291,52 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/@vant/use/-/use-1.5.1.tgz"
   "version" "1.5.1"
+"@videojs-player/vue@^1.0.0":
+  "integrity" "sha512-WonTezRfKu3fYdQLt/ta+nuKH6gMZUv8l40Jke/j4Lae7IqeO/+lLAmBnh3ni88bwR+vkFXIlZ2Ci7VKInIYJg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@videojs-player/vue/-/vue-1.0.0.tgz"
+  "version" "1.0.0"
+
+"@videojs/http-streaming@3.0.2":
+  "integrity" "sha512-iSZkwTLGg3Rx78ypCCq/GsMME89ElNvU02xj7reCE2PlITMQjyYsER1w5AsySvT1A694u5yuSzEzLLGF1cL4pg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@videojs/http-streaming/-/http-streaming-3.0.2.tgz"
+  "version" "3.0.2"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "4.0.0"
+    "aes-decrypter" "4.0.1"
+    "global" "^4.4.0"
+    "m3u8-parser" "^6.0.0"
+    "mpd-parser" "^1.0.1"
+    "mux.js" "6.3.0"
+    "video.js" "^7 || ^8"
+
+"@videojs/vhs-utils@^3.0.5":
+  "integrity" "sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz"
+  "version" "3.0.5"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "global" "^4.4.0"
+    "url-toolkit" "^2.2.1"
+
+"@videojs/vhs-utils@^4.0.0", "@videojs/vhs-utils@4.0.0":
+  "integrity" "sha512-xJp7Yd4jMLwje2vHCUmi8MOUU76nxiwII3z4Eg3Ucb+6rrkFVGosrXlMgGnaLjq724j3wzNElRZ71D/CKrTtxg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@videojs/vhs-utils/-/vhs-utils-4.0.0.tgz"
+  "version" "4.0.0"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "global" "^4.4.0"
+    "url-toolkit" "^2.2.1"
+
+"@videojs/xhr@2.6.0":
+  "integrity" "sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@videojs/xhr/-/xhr-2.6.0.tgz"
+  "version" "2.6.0"
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "global" "~4.4.0"
+    "is-function" "^1.0.1"
+
 "@vitejs/plugin-legacy@^1.8.2":
   "integrity" "sha512-NCOKU+pU+cxLMR9P9RTolEuOK+h+zYBXlknj+zGcKSj/NXBZYgA1GAH1FnO4zijoWRiTaiOm2ha9LQrELE7XHg=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/@vitejs/plugin-legacy/-/plugin-legacy-1.8.2.tgz"
@@ -419,6 +470,11 @@
   dependencies:
     "vue-demi" "*"
+"@xmldom/xmldom@^0.8.3":
+  "integrity" "sha512-sI1Ly2cODlWStkINzqGrZ8K6n+MTSbAeQnAipGyL+KZCXuHaRlj2gyyy8B/9MvsFFqN7XHryQnB2QwhzvJXovg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/@xmldom/xmldom/-/xmldom-0.8.7.tgz"
+  "version" "0.8.7"
+
 "acorn-jsx@^5.3.2":
   "integrity" "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
@@ -429,6 +485,16 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/acorn/-/acorn-8.8.2.tgz"
   "version" "8.8.2"
+"aes-decrypter@^4.0.1", "aes-decrypter@4.0.1":
+  "integrity" "sha512-H1nh/P9VZXUf17AA5NQfJML88CFjVBDuGkp5zDHa7oEhYN9TTpNLJknRY1ie0iSKWlDf6JRnJKaZVDSQdPy6Cg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/aes-decrypter/-/aes-decrypter-4.0.1.tgz"
+  "version" "4.0.1"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "global" "^4.4.0"
+    "pkcs7" "^1.0.4"
+
 "aggregate-error@^3.0.0":
   "integrity" "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/aggregate-error/-/aggregate-error-3.1.0.tgz"
@@ -1438,6 +1504,11 @@
   "resolved" "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz"
   "version" "1.14.9"
+"font-awesome@^4.7.0":
+  "integrity" "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/font-awesome/-/font-awesome-4.7.0.tgz"
+  "version" "4.7.0"
+
 "forever-agent@~0.6.1":
   "integrity" "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE="
   "resolved" "https://mirrors.cloud.tencent.com/npm/forever-agent/-/forever-agent-0.6.1.tgz"
@@ -1586,7 +1657,7 @@
   dependencies:
     "ini" "2.0.0"
-"global@^4.4.0":
+"global@^4.3.1", "global@^4.4.0", "global@~4.4.0", "global@4.4.0":
   "integrity" "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/global/-/global-4.4.0.tgz"
   "version" "4.4.0"
@@ -1720,6 +1791,11 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/indent-string/-/indent-string-4.0.0.tgz"
   "version" "4.0.0"
+"individual@^2.0.0":
+  "integrity" "sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/individual/-/individual-2.0.0.tgz"
+  "version" "2.0.0"
+
 "inflight@^1.0.4":
   "integrity" "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk="
   "resolved" "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
@@ -1769,6 +1845,11 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
   "version" "3.0.0"
+"is-function@^1.0.1":
+  "integrity" "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/is-function/-/is-function-1.0.2.tgz"
+  "version" "1.0.2"
+
 "is-glob@^4.0.0", "is-glob@^4.0.1", "is-glob@^4.0.3", "is-glob@~4.0.1":
   "integrity" "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/is-glob/-/is-glob-4.0.3.tgz"
@@ -1915,6 +1996,11 @@
     "json-schema" "0.4.0"
     "verror" "1.10.0"
+"keycode@2.2.0":
+  "integrity" "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/keycode/-/keycode-2.2.0.tgz"
+  "version" "2.2.0"
+
 "lazy-ass@^1.6.0":
   "integrity" "sha1-eZllXoZGwX8In90YfRUNMyTVRRM="
   "resolved" "https://mirrors.cloud.tencent.com/npm/lazy-ass/-/lazy-ass-1.6.0.tgz"
@@ -2025,6 +2111,15 @@
   dependencies:
     "yallist" "^4.0.0"
+"m3u8-parser@^6.0.0":
+  "integrity" "sha512-qlC00JTxYOxawcqg+RB8jbyNwL3foY/nCY61kyWP+RCuJE9APLeqB/nSlTjb4Mg0yRmyERgjswpdQxMvkeoDrg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/m3u8-parser/-/m3u8-parser-6.2.0.tgz"
+  "version" "6.2.0"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "global" "^4.4.0"
+
 "magic-string@^0.25.7":
   "integrity" "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ=="
   "resolved" "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
@@ -2207,6 +2302,16 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/moment/-/moment-2.29.4.tgz"
   "version" "2.29.4"
+"mpd-parser@^1.0.1":
+  "integrity" "sha512-uZ/db5wQdlQn1L+OD49YXBhPI9UGeK1SeQE4D5EoaJIhf0WM9X3HDj8d+9PjoG06CgCvGZw3YW/wsHku+CH3yA=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/mpd-parser/-/mpd-parser-1.1.1.tgz"
+  "version" "1.1.1"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/vhs-utils" "^3.0.5"
+    "@xmldom/xmldom" "^0.8.3"
+    "global" "^4.4.0"
+
 "ms@^2.1.1", "ms@2.1.2":
   "integrity" "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
   "resolved" "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
@@ -2227,6 +2332,14 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/mutation-observer/-/mutation-observer-1.0.3.tgz"
   "version" "1.0.3"
+"mux.js@^6.2.0", "mux.js@6.3.0":
+  "integrity" "sha512-/QTkbSAP2+w1nxV+qTcumSDN5PA98P0tjrADijIzQHe85oBK3Akhy9AHlH0ne/GombLMz1rLyvVsmrgRxoPDrQ=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/mux.js/-/mux.js-6.3.0.tgz"
+  "version" "6.3.0"
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "global" "^4.4.0"
+
 "nanoid@^3.3.6":
   "integrity" "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/nanoid/-/nanoid-3.3.6.tgz"
@@ -2459,6 +2572,13 @@
     "@vue/devtools-api" "^6.5.0"
     "vue-demi" ">=0.14.5"
+"pkcs7@^1.0.4":
+  "integrity" "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/pkcs7/-/pkcs7-1.0.4.tgz"
+  "version" "1.0.4"
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+
 "pkg-types@^1.0.0", "pkg-types@^1.0.3":
   "integrity" "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/pkg-types/-/pkg-types-1.0.3.tgz"
@@ -2632,6 +2752,13 @@
   dependencies:
     "queue-microtask" "^1.2.2"
+"rust-result@^1.0.0":
+  "integrity" "sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/rust-result/-/rust-result-1.0.0.tgz"
+  "version" "1.0.0"
+  dependencies:
+    "individual" "^2.0.0"
+
 "rxjs@^7.5.1":
   "integrity" "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/rxjs/-/rxjs-7.8.1.tgz"
@@ -2644,6 +2771,13 @@
   "resolved" "https://mirrors.cloud.tencent.com/npm/safe-buffer/-/safe-buffer-5.2.1.tgz"
   "version" "5.2.1"
+"safe-json-parse@4.0.0":
+  "integrity" "sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/safe-json-parse/-/safe-json-parse-4.0.0.tgz"
+  "version" "4.0.0"
+  dependencies:
+    "rust-result" "^1.0.0"
+
 "safer-buffer@^2.0.2", "safer-buffer@^2.1.0", "safer-buffer@>= 2.1.2 < 3", "safer-buffer@~2.1.0":
   "integrity" "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
   "resolved" "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
@@ -3111,6 +3245,11 @@
   dependencies:
     "punycode" "^2.1.0"
+"url-toolkit@^2.2.1":
+  "integrity" "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/url-toolkit/-/url-toolkit-2.2.5.tgz"
+  "version" "2.2.5"
+
 "util-deprecate@^1.0.2":
   "integrity" "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
   "resolved" "https://mirrors.cloud.tencent.com/npm/util-deprecate/-/util-deprecate-1.0.2.tgz"
@@ -3155,6 +3294,45 @@
     "core-util-is" "1.0.2"
     "extsprintf" "^1.2.0"
+"video.js@^6 || ^7 || ^8", "video.js@^7 || ^8", "video.js@^8.3.0", "video.js@7.x":
+  "integrity" "sha512-Vp3mqMLSUE354t+G8CbZKwcV520VKoS5fow8zjnEEKFuqStmkmnvK7/FurP6zuP/oWGJ1rqlKxML56kmJOrwRw=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/video.js/-/video.js-8.3.0.tgz"
+  "version" "8.3.0"
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@videojs/http-streaming" "3.0.2"
+    "@videojs/vhs-utils" "^4.0.0"
+    "@videojs/xhr" "2.6.0"
+    "aes-decrypter" "^4.0.1"
+    "global" "4.4.0"
+    "keycode" "2.2.0"
+    "m3u8-parser" "^6.0.0"
+    "mpd-parser" "^1.0.1"
+    "mux.js" "^6.2.0"
+    "safe-json-parse" "4.0.0"
+    "videojs-contrib-quality-levels" "3.0.0"
+    "videojs-font" "4.1.0"
+    "videojs-vtt.js" "0.15.4"
+
+"videojs-contrib-quality-levels@3.0.0":
+  "integrity" "sha512-sNx38EYUx+Q+gmup1gVTv9P9/sPs28rM7gZOx1sedaHoKxEdYB+ysOGfHj6MSELBMNGMj6ZspdrpSiWguGvGxA=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-3.0.0.tgz"
+  "version" "3.0.0"
+  dependencies:
+    "global" "^4.4.0"
+
+"videojs-font@4.1.0":
+  "integrity" "sha512-X1LuPfLZPisPLrANIAKCknZbZu5obVM/ylfd1CN+SsCmPZQ3UMDPcvLTpPBJxcBuTpHQq2MO1QCFt7p8spnZ/w=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/videojs-font/-/videojs-font-4.1.0.tgz"
+  "version" "4.1.0"
+
+"videojs-vtt.js@0.15.4":
+  "integrity" "sha512-r6IhM325fcLb1D6pgsMkTQT1PpFdUdYZa1iqk7wJEu+QlibBwATPfPc9Bg8Jiym0GE5yP1AG2rMLu+QMVWkYtA=="
+  "resolved" "https://mirrors.cloud.tencent.com/npm/videojs-vtt.js/-/videojs-vtt.js-0.15.4.tgz"
+  "version" "0.15.4"
+  dependencies:
+    "global" "^4.3.1"
+
 "vite-plugin-dynamic-import@^0.9.6":
   "integrity" "sha512-EI+VHRd5nRj/0X6V70jfIhOyNx/S4c4VkjttTuRp2pMn5tuS/XtdjI5TTiekDmcaCXyZldvuu7kWBSb6CuIIGg=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/vite-plugin-dynamic-import/-/vite-plugin-dynamic-import-0.9.9.tgz"
@@ -3223,7 +3401,7 @@
   dependencies:
     "@vue/devtools-api" "^6.5.0"
-"vue@^2.6.0 || ^3.2.0", "vue@^2.6.14 || ^3.3.0", "vue@^3.0.0", "vue@^3.0.0-0 || ^2.6.0", "vue@^3.2.0", "vue@^3.2.25", "vue@^3.2.36", "vue@2 || 3", "vue@3.3.4":
+"vue@^2.6.0 || ^3.2.0", "vue@^2.6.14 || ^3.3.0", "vue@^3.0.0", "vue@^3.0.0-0 || ^2.6.0", "vue@^3.2.0", "vue@^3.2.25", "vue@^3.2.36", "vue@2 || 3", "vue@3.3.4", "vue@3.x":
   "integrity" "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw=="
   "resolved" "https://mirrors.cloud.tencent.com/npm/vue/-/vue-3.3.4.tgz"
   "version" "3.3.4"