videojs flvjs 相关依赖npm引入，以适配ES6模块语法的videojs-flvjs融合util工具

cdn/src/libs/videojs-flvjs/videojs-flvjs.min - 副本 (2).js

-!function e(t,r,o){function n(l,f){if(!r[l]){if(!t[l]){var u="function"==typeof require&&require;if(!f&&u)return u(l,!0);if(i)return i(l,!0);var a=new Error("Cannot find module '"+l+"'");throw a.code="MODULE_NOT_FOUND",a}var c=r[l]={exports:{}};t[l][0].call(c.exports,function(e){var r=t[l][1][e];return n(r||e)},c,c.exports,e,t,r,o)}return r[l].exports}for(var i="function"==typeof require&&require,l=0;l<o.length;l++)n(o[l]);return n}({1:[function(e,t,r){(function(e){"use strict";function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(r,"__esModule",{value:!0});var i=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),l=function e(t,r,o){null===t&&(t=Function.prototype);var n=Object.getOwnPropertyDescriptor(t,r);if(void 0===n){var i=Object.getPrototypeOf(t);return null===i?void 0:e(i,r,o)}if("value"in n)return n.value;var l=n.get;if(void 0!==l)return l.call(o)},f="undefined"!=typeof window?window.videojs:void 0!==e?e.videojs:null,u=function(e){return e&&e.__esModule?e:{default:e}}(f),a=u.default.getTech("Html5"),c=u.default.mergeOptions||u.default.util.mergeOptions,s={mediaDataSource:{},config:{}},p=function(e){function r(e,n){return t(this,r),e=c(s,e),o(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e,n))}return n(r,e),i(r,[{key:"setSrc",value:function(e){this.flvPlayer&&(this.flvPlayer.detachMediaElement(),this.flvPlayer.destroy());var t=this.options_.mediaDataSource,r=this.options_.config;t.type=void 0===t.type?"flv":t.type,t.url=e,this.flvPlayer=window.flvjs.createPlayer(t,r),this.flvPlayer.attachMediaElement(this.el_),this.flvPlayer.load()}},{key:"dispose",value:function(){this.flvPlayer&&(this.flvPlayer.detachMediaElement(),this.flvPlayer.destroy()),l(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"dispose",this).call(this)}}]),r}(a);p.isSupported=function(){return window.flvjs&&window.flvjs.isSupported()},p.formats={"video/flv":"FLV","video/x-flv":"FLV"},p.canPlayType=function(e){return p.isSupported()&&e in p.formats?"maybe":""},p.canPlaySource=function(e,t){return p.canPlayType(e.type)},p.VERSION="0.2.0",u.default.registerTech("Flvjs",p),r.default=p}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[1]);
\ No newline at end of file

cdn/src/libs/videojs-flvjs/videojs-flvjs.min - 副本.js

-!function e(t,r,o){function n(l,f){if(!r[l]){if(!t[l]){var u="function"==typeof require&&require;if(!f&&u)return u(l,!0);if(i)return i(l,!0);var a=new Error("Cannot find module '"+l+"'");throw a.code="MODULE_NOT_FOUND",a}var c=r[l]={exports:{}};t[l][0].call(c.exports,function(e){var r=t[l][1][e];return n(r||e)},c,c.exports,e,t,r,o)}return r[l].exports}for(var i="function"==typeof require&&require,l=0;l<o.length;l++)n(o[l]);return n}({1:[function(e,t,r){(function(e){"use strict";function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(r,"__esModule",{value:!0});var i=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),l=function e(t,r,o){null===t&&(t=Function.prototype);var n=Object.getOwnPropertyDescriptor(t,r);if(void 0===n){var i=Object.getPrototypeOf(t);return null===i?void 0:e(i,r,o)}if("value"in n)return n.value;var l=n.get;if(void 0!==l)return l.call(o)},f="undefined"!=typeof window?window.videojs:void 0!==e?e.videojs:null,u=function(e){return e&&e.__esModule?e:{default:e}}(f),a=u.default.getTech("Html5"),c=u.default.mergeOptions||u.default.util.mergeOptions,s={mediaDataSource:{},config:{}},p=function(e){function r(e,n){return t(this,r),e=c(s,e),o(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e,n))}return n(r,e),i(r,[{key:"setSrc",value:function(e){this.flvPlayer&&(this.flvPlayer.detachMediaElement(),this.flvPlayer.destroy());var t=this.options_.mediaDataSource,r=this.options_.config;t.type=void 0===t.type?"flv":t.type,t.url=e,this.flvPlayer=window.flvjs.createPlayer(t,r),this.flvPlayer.attachMediaElement(this.el_),this.flvPlayer.load()}},{key:"dispose",value:function(){this.flvPlayer&&(this.flvPlayer.detachMediaElement(),this.flvPlayer.destroy()),l(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"dispose",this).call(this)}}]),r}(a);p.isSupported=function(){return window.flvjs&&window.flvjs.isSupported()},p.formats={"video/flv":"FLV","video/x-flv":"FLV"},p.canPlayType=function(e){return p.isSupported()&&e in p.formats?"maybe":""},p.canPlaySource=function(e,t){return p.canPlayType(e.type)},p.VERSION="0.2.0",u.default.registerTech("Flvjs",p),r.default=p}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[1]);
\ No newline at end of file

cdn/src/libs/videojs-flvjs/videojs-flvjs.min.js

-/**
- * @file plugin.js
- */
-
-import videojs from 'video.js';
-import flvjs from 'flv.js';
-
-const Html5 = videojs.getTech('Html5');
-const mergeOptions = videojs.mergeOptions || videojs.util.mergeOptions;
-const defaults = {
-  mediaDataSource: {},
-  config: {}
-};
-
-class Flvjs extends Html5 {
-
-  /**
-   * Create an instance of this Tech.
-   *
-   * @param {Object} [options]
-   *        The key/value store of player options.
-   *
-   * @param {Component~ReadyCallback} ready
-   *        Callback function to call when the `Flvjs` Tech is ready.
-   */
-   constructor(options, ready) {
-     options = mergeOptions(defaults, options);
-     super(options, ready);
-   }
-
-   /**
-    * A getter/setter for the `Flvjs` Tech's source object.
-    *
-    * @param {Tech~SourceObject} [src]
-    *        The source object you want to set on the `Flvjs` techs.
-    *
-    * @return {Tech~SourceObject|undefined}
-    *         - The current source object when a source is not passed in.
-    *         - undefined when setting
-    */
-  setSrc(src) {
-    if (this.flvPlayer) {
-      // Is this necessary to change source?
-      this.flvPlayer.detachMediaElement();
-      this.flvPlayer.destroy();
-    }
-
-    const mediaDataSource = this.options_.mediaDataSource;
-    const config = this.options_.config;
-
-    mediaDataSource.type = mediaDataSource.type === undefined ? 'flv' : mediaDataSource.type;
-    mediaDataSource.url = src;
-    this.flvPlayer = flvjs.createPlayer(mediaDataSource, config);
-    this.flvPlayer.attachMediaElement(this.el_);
-    this.flvPlayer.load();
-  }
-
-  /**
-   * Dispose of flvjs.
-   */
-  dispose() {
-    if (this.flvPlayer) {
-      this.flvPlayer.detachMediaElement();
-      this.flvPlayer.destroy();
-    }
-    super.dispose();
-  }
-
-}
-
-/**
- * Check if the Flvjs tech is currently supported.
- *
- * @return {boolean}
- *          - True if the Flvjs tech is supported.
- *          - False otherwise.
- */
-Flvjs.isSupported = function() {
-
-  return flvjs && flvjs.isSupported();
-};
-
-/**
- * Flvjs supported mime types.
- *
- * @constant {Object}
- */
-Flvjs.formats = {
-  'video/flv': 'FLV',
-  'video/x-flv': 'FLV'
-};
-
-/**
- * Check if the tech can support the given type
- *
- * @param {string} type
- *        The mimetype to check
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-Flvjs.canPlayType = function(type) {
-  if (Flvjs.isSupported() && type in Flvjs.formats) {
-    return 'maybe';
-  }
-
-  return '';
-};
-
-/**
- * Check if the tech can support the given source
- * @param {Object} srcObj
- *        The source object
- * @param {Object} options
- *        The options passed to the tech
- * @return {string} 'probably', 'maybe', or '' (empty string)
- */
-Flvjs.canPlaySource = function(srcObj, options) {
-  return Flvjs.canPlayType(srcObj.type);
-};
-
-// Include the version number.
-Flvjs.VERSION = '__VERSION__';
-
-videojs.registerTech('Flvjs', Flvjs);
-
-export default Flvjs;

wj-data-vision-new/public/index.html

@@ -10,14 +10,7 @@
     <link href="/cdn/font/font.css" rel="stylesheet" />
     <link href="/cdn/libs/mapbox-gl/mapbox-gl.css" rel="stylesheet" />
     <link href="/cdn/libs/threebox/threebox.css" rel="stylesheet" />
-    <!-- <link href="/cdn/libs/Cesium/Widgets/widgets.css" rel="stylesheet" /> -->
-    <link
-      rel="stylesheet"
-      href="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.css"
-      type="text/css"
-    />
     <script src="/cdn/libs/echarts/echarts.min.js"></script>
-    <script src="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.js"></script>
     <script
       src="/cdn/libs/mapbox-gl/mapbox-gl.js"
       type="text/javascript"
@@ -28,13 +21,10 @@
     ></script>
     <script src="/cdn/libs/st-dao/st-dao.js"></script>
     <script src="/cdn/libs/turf/turf.min.js" type="text/javascript"></script>
-    <script src="/cdn/libs/flvjs/flv.min.js" type="text/javascript"></script>
-    <!-- <script src="/cdn/libs/cesium/Cesium.js" type="text/javascript"></script> -->
     <script
       src="/cdn/libs/reconnecting-websocket/reconnecting-websocket.js"
       type="text/javascript"
     ></script>
-    
     <script
       src="/design/systemsetting/systemParam/getValueByKey?key=1783337E5E9547B6A6E99C60443B90A2"
       type="application/x-javascript"

wj-data-vision/public/index.html

@@ -11,7 +11,6 @@
     <link href="/cdn/libs/element-ui/element-ui.css" rel="stylesheet" />
     <link href="/cdn/libs/mapbox-gl/mapbox-gl.css" rel="stylesheet" />
     <link href="/cdn/libs/threebox/threebox.css" rel="stylesheet" />
-    <link href="/cdn/libs/Cesium/Widgets/widgets.css" rel="stylesheet" />
 
     <script src="/cdn/libs/vue/vue.js"></script>
     <script src="/cdn/libs/element-ui/element-ui.js"></script>
@@ -25,9 +24,7 @@
       src="/cdn/libs/threebox/threebox.js"
       type="text/javascript"
     ></script>
-    <script src="/cdn/libs/cesium/Cesium.js" type="text/javascript"></script>
     <script src="/cdn/libs/turf/turf.min.js" type="text/javascript"></script>
-    <script src="/cdn/libs/flvjs/flv.min.js" type="text/javascript"></script>
     <script
       src="/cdn/libs/reconnecting-websocket/reconnecting-websocket.js"
       type="text/javascript"

wj-manage-web/public/index.html

@@ -15,7 +15,6 @@
       type="text/css"
     />
     <link href="/cdn/libs/mapbox-gl/mapbox-gl.css" rel="stylesheet" />
-    <link href="/cdn/libs/videojs/video-js.css" rel="stylesheet" />
     <link href="/cdn/libs/threebox/threebox.css" rel="stylesheet" />
     <link href="/cdn/libs/cesium/Widgets/widgets.css" rel="stylesheet" />
     <link
@@ -23,7 +22,6 @@
       href="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.css"
       type="text/css"
     />
-
     <style>
       #app,
       html,
@@ -99,23 +97,16 @@
     <script src="/cdn/libs/lodash/lodash.js"></script>
     <script src="/cdn/libs/st-util/st-util.js"></script>
     <script src="/cdn/libs/st-dao/st-dao.js"></script>
-    <script src="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.js"></script>
     <script
       src="/cdn/libs/mapbox-gl/mapbox-gl.js"
       type="text/javascript"
     ></script>
+    <script src="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.js"></script>
     <script
       src="/cdn/libs/threebox/threebox.js"
       type="text/javascript"
     ></script>
     <script src="/cdn/libs/turf/turf.min.js" type="text/javascript"></script>
-    <!-- <script src="/cdn/libs/xgplayer/xgplayer.js" type="text/javascript"></script> -->
-    <!-- <script src="/cdn/libs/xgplayer/xgplayer-browser.js" type="text/javascript"></script>
-    <script src="/cdn/libs/xgplayer/xgplayer-flv.min.js" type="text/javascript"></script>
-    <script src="/cdn/libs/xgplayer/xgplayer-hls.min.js" type="text/javascript"></script> -->
-    <!-- <script src="/cdn/libs/videojs/video.min.js" type="text/javascript"></script>
-    <script src="/cdn/libs/flvjs/flv.min.js" type="text/javascript"></script> -->
-    <!-- <script src="/cdn/libs/videojs-flvjs/videojs-flvjs.min.js" type="text/javascript"></script> -->
     <script src="/cdn/libs/cesium/Cesium.js" type="text/javascript"></script>
     <script
       src="/cdn/libs/reconnecting-websocket/reconnecting-websocket.js"