视频流转化

3 years ago · 928deaaff0
3 changed files with 493 additions and 10 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -3494,6 +3494,71 @@
      "resolved": "https://registry.npmjs.org/@types/zrender/-/zrender-4.0.0.tgz",
      "integrity": "sha512-s89GOIeKFiod2KSqHkfd2rzx+T2DVu7ihZCBEBnhFrzvQPUmzvDSBot9Fi1DfMQm9Odg+rTqoMGC38RvrwJK2w=="
    },
+    "@videojs/http-streaming": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@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"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
+    "@videojs/vhs-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/@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"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
+    "@videojs/xhr": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmmirror.com/@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"
+      }
+    },
    "@vue/babel-helper-vue-jsx-merge-props": {
      "version": "1.0.0",
      "resolved": "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz",
@ -4103,6 +4168,11 @@
        "@xtuc/long": "4.2.2"
      }
    },
+    "@xmldom/xmldom": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmmirror.com/@xmldom/xmldom/-/xmldom-0.8.8.tgz",
+      "integrity": "sha512-0LNz4EY8B/8xXY86wMrQ4tz6zEHZv9ehFMJPm8u2gq5lQ71cfRKdaKyxfJAx5aUoyzx0qzgURblTisPGgz3d+Q=="
+    },
    "@xtuc/ieee754": {
      "version": "1.2.0",
      "resolved": "https://registry.npm.taobao.org/@xtuc/ieee754/download/@xtuc/ieee754-1.2.0.tgz",
@ -4149,6 +4219,42 @@
      "integrity": "sha1-vxEWycdYxRt6kz0pa3LCIe2UKLY=",
      "dev": true
    },
+    "aes-decrypter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/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": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmmirror.com/@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"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
    "aggregate-error": {
      "version": "3.0.1",
      "resolved": "https://registry.npm.taobao.org/aggregate-error/download/aggregate-error-3.0.1.tgz",
@ -6407,6 +6513,11 @@
        }
      }
    },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+    },
    "domain-browser": {
      "version": "1.2.0",
      "resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz?cache=0&sync_timestamp=1575879298649&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdomain-browser%2Fdownload%2Fdomain-browser-1.2.0.tgz",
@ -6652,6 +6763,11 @@
        "is-symbol": "^1.0.2"
      }
    },
+    "es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmmirror.com/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+    },
    "escalade": {
      "version": "3.1.1",
      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz",
@ -7548,6 +7664,15 @@
        "readable-stream": "^2.3.6"
      }
    },
+    "flv.js": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmmirror.com/flv.js/-/flv.js-1.6.2.tgz",
+      "integrity": "sha512-xre4gUbX1MPtgQRKj2pxJENp/RnaHaxYvy3YToVVCrSmAWUu85b9mug6pTXF6zakUjNP2lFWZ1rkSX7gxhB/2A==",
+      "requires": {
+        "es6-promise": "^4.2.8",
+        "webworkify-webpack": "^2.1.5"
+      }
+    },
    "follow-redirects": {
      "version": "1.10.0",
      "resolved": "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.10.0.tgz?cache=0&sync_timestamp=1580082237027&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.10.0.tgz",
@ -8303,6 +8428,15 @@
      "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=",
      "dev": true
    },
+    "global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
    "globals": {
      "version": "11.12.0",
      "resolved": "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz",
@ -8826,6 +8960,11 @@
      "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
      "dev": true
    },
+    "individual": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/individual/-/individual-2.0.0.tgz",
+      "integrity": "sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g=="
+    },
    "infer-owner": {
      "version": "1.0.4",
      "resolved": "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz",
@ -9086,6 +9225,11 @@
      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
      "dev": true
    },
+    "is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
+    },
    "is-glob": {
      "version": "4.0.1",
      "resolved": "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz",
@ -9376,6 +9520,11 @@
        "verror": "1.10.0"
      }
    },
+    "keycode": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/keycode/-/keycode-2.2.0.tgz",
+      "integrity": "sha512-ps3I9jAdNtRpJrbBvQjpzyFbss/skHqzS+eu4RxKLaEAtFqkjZaB6TZMSivPbLxf4K7VI4SjR0P5mRCX5+Q25A=="
+    },
    "killable": {
      "version": "1.0.1",
      "resolved": "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz",
@ -9675,6 +9824,41 @@
        "yallist": "^3.0.2"
      }
    },
+    "m3u8-parser": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmmirror.com/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": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmmirror.com/@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"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
    "make-dir": {
      "version": "2.1.0",
      "resolved": "https://registry.npm.taobao.org/make-dir/download/make-dir-2.1.0.tgz?cache=0&sync_timestamp=1581565511672&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmake-dir%2Fdownload%2Fmake-dir-2.1.0.tgz",
@ -9864,6 +10048,14 @@
      "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
      "dev": true
    },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmmirror.com/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
+    },
    "mini-css-extract-plugin": {
      "version": "0.9.0",
      "resolved": "https://registry.npm.taobao.org/mini-css-extract-plugin/download/mini-css-extract-plugin-0.9.0.tgz?cache=0&sync_timestamp=1576856499989&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmini-css-extract-plugin%2Fdownload%2Fmini-css-extract-plugin-0.9.0.tgz",
@ -10039,6 +10231,42 @@
        "run-queue": "^1.0.3"
      }
    },
+    "mpd-parser": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/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": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "@videojs/vhs-utils": {
+          "version": "3.0.5",
+          "resolved": "https://registry.npmmirror.com/@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"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
    "ms": {
      "version": "2.1.2",
      "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz",
@ -10066,6 +10294,30 @@
      "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
      "dev": true
    },
+    "mux.js": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmmirror.com/mux.js/-/mux.js-6.3.0.tgz",
+      "integrity": "sha512-/QTkbSAP2+w1nxV+qTcumSDN5PA98P0tjrADijIzQHe85oBK3Akhy9AHlH0ne/GombLMz1rLyvVsmrgRxoPDrQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "global": "^4.4.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
    "mz": {
      "version": "2.7.0",
      "resolved": "https://registry.npm.taobao.org/mz/download/mz-2.7.0.tgz",
@ -10790,6 +11042,14 @@
        "pinkie": "^2.0.0"
      }
    },
+    "pkcs7": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/pkcs7/-/pkcs7-1.0.4.tgz",
+      "integrity": "sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==",
+      "requires": {
+        "@babel/runtime": "^7.5.5"
+      }
+    },
    "pkg-dir": {
      "version": "3.0.0",
      "resolved": "https://registry.npm.taobao.org/pkg-dir/download/pkg-dir-3.0.0.tgz",
@ -11451,8 +11711,7 @@
    "process": {
      "version": "0.11.10",
      "resolved": "https://registry.npm.taobao.org/process/download/process-0.11.10.tgz",
-      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
-      "dev": true
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI="
    },
    "process-nextick-args": {
      "version": "2.0.1",
@ -12005,6 +12264,14 @@
        "aproba": "^1.1.1"
      }
    },
+    "rust-result": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/rust-result/-/rust-result-1.0.0.tgz",
+      "integrity": "sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==",
+      "requires": {
+        "individual": "^2.0.0"
+      }
+    },
    "rxjs": {
      "version": "6.5.4",
      "resolved": "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.4.tgz",
@ -12019,6 +12286,14 @@
      "resolved": "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.1.2.tgz",
      "integrity": "sha1-mR7GnSluAxN0fVm9/St0XDX4go0="
    },
+    "safe-json-parse": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/safe-json-parse/-/safe-json-parse-4.0.0.tgz",
+      "integrity": "sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==",
+      "requires": {
+        "rust-result": "^1.0.0"
+      }
+    },
    "safe-regex": {
      "version": "1.1.0",
      "resolved": "https://registry.npm.taobao.org/safe-regex/download/safe-regex-1.1.0.tgz",
@ -13475,6 +13750,11 @@
        "requires-port": "^1.0.0"
      }
    },
+    "url-toolkit": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmmirror.com/url-toolkit/-/url-toolkit-2.2.5.tgz",
+      "integrity": "sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg=="
+    },
    "use": {
      "version": "3.1.1",
      "resolved": "https://registry.npm.taobao.org/use/download/use-3.1.1.tgz",
@ -13576,6 +13856,63 @@
        "extsprintf": "^1.2.0"
      }
    },
+    "video.js": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmmirror.com/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"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.22.6",
+          "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.6.tgz",
+          "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.11"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+        }
+      }
+    },
+    "videojs-contrib-quality-levels": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/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://registry.npmmirror.com/videojs-font/-/videojs-font-4.1.0.tgz",
+      "integrity": "sha512-X1LuPfLZPisPLrANIAKCknZbZu5obVM/ylfd1CN+SsCmPZQ3UMDPcvLTpPBJxcBuTpHQq2MO1QCFt7p8spnZ/w=="
+    },
+    "videojs-vtt.js": {
+      "version": "0.15.4",
+      "resolved": "https://registry.npmmirror.com/videojs-vtt.js/-/videojs-vtt.js-0.15.4.tgz",
+      "integrity": "sha512-r6IhM325fcLb1D6pgsMkTQT1PpFdUdYZa1iqk7wJEu+QlibBwATPfPc9Bg8Jiym0GE5yP1AG2rMLu+QMVWkYtA==",
+      "requires": {
+        "global": "^4.3.1"
+      }
+    },
    "vm-browserify": {
      "version": "1.1.2",
      "resolved": "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz?cache=0&sync_timestamp=1572870717730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvm-browserify%2Fdownload%2Fvm-browserify-1.1.2.tgz",
@ -14063,6 +14400,11 @@
      "integrity": "sha1-XS/yKXcAPsaHpLhwc9+7rBRszyk=",
      "dev": true
    },
+    "webworkify-webpack": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmmirror.com/webworkify-webpack/-/webworkify-webpack-2.1.5.tgz",
+      "integrity": "sha512-2akF8FIyUvbiBBdD+RoHpoTbHMQF2HwjcxfDvgztAX5YwbZNyrtfUMgvfgFVsgDhDPVTlkbb5vyasqDHfIDPQw=="
+    },
    "which": {
      "version": "1.3.1",
      "resolved": "https://registry.npm.taobao.org/which/download/which-1.3.1.tgz?cache=0&sync_timestamp=1574116720213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwhich%2Fdownload%2Fwhich-1.3.1.tgz",
--- a/package.json
+++ b/package.json
@ -15,9 +15,11 @@
    "axios": "^1.4.0",
    "core-js": "^3.6.4",
    "echarts": "^5.4.2",
+    "flv.js": "^1.6.2",
    "less": "3.9.0",
    "less-loader": "4.1.0",
    "v-scale-screen": "^1.0.2",
+    "video.js": "^8.3.0",
    "vue": "^2.6.11",
    "vue-awesome": "^4.0.2",
    "vue-router": "^3.1.5",
--- a/src/views/ty/index.vue
+++ b/src/views/ty/index.vue
@ -72,13 +72,20 @@

        <div class="center">
          <div class="item">
-            <Video :src="src" :poster="poster" />
+            <!-- <Video :src="src1" :poster="poster" /> -->
+            <video id="myFlvVideo" controls autoplay width="80%" height="200px" />
+            <!--<button onclick="flv_load()">加载</button>-->
+            <!-- <button onclick="flv_start()">开始</button> -->
+            <!-- <button onclick="flv_pause()">暂停</button>
+            <button onclick="flv_destroy()">停止</button>
+            <input style="width:100px" type="text" name="seekpoint" />
+            <button onclick="flv_seekto()">跳转</button> -->
          </div>
          <div class="item">
-            <Video :src="src" :poster="poster" />
+            <!-- <Video :src="src2" :poster="poster" /> -->
          </div>
          <div class="item">
-            <Video :src="src" :poster="poster" />
+            <!-- <Video :src="src3" :poster="poster" /> -->
          </div>
          <!-- <div class="item"></div> -->
        </div>
@ -138,13 +145,20 @@
 // 引入echarts
 import * as echarts from "echarts";

-import Video from '../../components/btgym/Video.vue'
+import flvjs from "flv.js";
+
+// import Video from '../../components/btgym/Video.vue'
 export default {
-  components: {
-    Video
-  },
+  // components: {
+  //   Video
+  // },
  data() {
-    return {};
+    return {
+      src1: 'rtsp://192.168.66.13:554/openUrl/5jhuK3e',
+      src2: 'rtsp://192.168.66.13:554/openUrl/5jhuK3e',
+      src3: 'rtsp://192.168.66.13:554/openUrl/5jhuK3e',
+      // flvPlayer:null
+    };
  },

  mounted() {
@ -161,6 +175,45 @@ export default {
    this.addNumber(0, 234098, 'insv')
    this.addNumber(0, 234098, 'insv2')
    this.addNumber(0, 234098, 'insv3')
+
+    // var videoElement1 = document.getElementById('myFlvVideo');
+    this.$nextTick(() => {
+
+      this.createVideo()
+
+    })
+    // var videoElement2 = document.getElementById('videoElement2');
+    // if (flvjs.isSupported()) {
+    //   var flvPlayer = flvjs.createPlayer({
+    //       type: 'flv',
+    //       isLive:true,
+    //       hasAudio:false,
+    //       url: 'rtsp://192.168.66.13:554/openUrl/MXdnCG4'
+    //   });
+
+    //  flvPlayer.attachMediaElement(videoElement1);
+    //   flvPlayer.load();
+    // this.player.play();  // 打开
+
+    //   if (this.player) { // 关闭
+    //     this.player.pause();
+    //     this.player.destroy();
+    //     this.player = null;
+    //   }
+    // } 
+
+    // if (flvjs.isSupported()) {
+    //   var flvPlayer = flvjs.createPlayer({
+    //       type: 'flv',
+    //       url: 'rtsp://192.168.66.13:554/openUrl/5jhuK3e'
+    //   });
+    //   flvPlayer.attachMediaElement(videoElement2);
+    //   flvPlayer.load();
+    // }
+
+    // function flv_start() {
+    //   player.play();
+    // }
    // window.onresize = () => {
    //   // 基于准备好的dom，初始化echarts实例
    //     let myChart = this.$echarts.init(document.getElementById('pcgchart2'));
@ -691,9 +744,95 @@ export default {
          }
        }, 10); // 数据跳转的速度控制
      }
+    },
+    createVideo() {
+
+      if (flvjs.isSupported()) {
+
+        var videoElement = document.getElementById('myFlvVideo')
+
+        this.flvPlayer = flvjs.createPlayer(
+
+          {
+
+            type: 'flv',
+
+            isLive: true,
+
+            hasAudio: false,
+
+            url:
+
+              'rtsp://192.168.66.13:554/openUrl/MXdnCG4'
+
+          },
+
+          {
+
+            cors: true, // 是否跨域
+
+            enableWorker: true, // 是否多线程工作
+
+            enableStashBuffer: false, // 是否启用缓存
+
+            stashInitialSize: 128, // 缓存大小(kb)  默认384kb
+
+            autoCleanupSourceBuffer: true // 是否自动清理缓存
+
+          }
+
+        )
+
+        this.flvPlayer.attachMediaElement(videoElement)
+
+        this.flvPlayer.load()
+
+        // this.flvPlayer.play()
+
+        // 报错重连
+
+        this.flvPlayer.on(flvjs.Events.ERROR, (errType, errDetail) => {
+
+          console.log('errorType:', errType)
+
+          console.log('errorDetail:', errDetail)
+
+          if (this.flvPlayer) {
+
+            this.destoryVideo()
+
+            this.createVideo()
+
+          }
+
+        })
+
+      }
+
+    },
+
+    destoryVideo() {
+
+      this.flvPlayer.pause()
+
+      this.flvPlayer.unload()
+
+      this.flvPlayer.detachMediaElement()
+
+      this.flvPlayer.destroy()
+
+      this.flvPlayer = null
+
    }

  },
+  beforeDestroy() {
+
+    this.destoryVideo()
+
+  },
+
+  // },
 };
 </script>
 <style>