zwplayer-vue2x 1.0.15 → 1.0.17

package/lib/zwplayervue2.common.js

@@ -0,0 +1,763 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 709:
+/***/ (function(module) {
+
+// zwplayer tools 
+
+const zwplayer_loadjs = function (id, url, cb) {
+  let headNode = document.getElementsByTagName("head");
+  if (headNode.length == 0) {
+    headNode = document.createElement("head");
+    let body = document.getElementsByTagName("body");
+    if (body.length > 0) {
+      body = body[0];
+      document.insertBefore(headNode, body);
+    } else {
+      alert('Invalid html document: no HEAD tag');
+      return false;
+    }
+  } else {
+    headNode = headNode[0];
+    const nodes = headNode.childNodes;
+    for (let i = 0; i < nodes.length; i++) {
+      const node = nodes[i];
+      if (node.nodeName.toUpperCase() === 'SCRIPT') {
+        if (node.id && node.id == id) {
+          if (node.getAttribute('loadstate') != 'true') {
+            const checkLoad = function () {
+              if (node.getAttribute('loadstate') != 'true') {
+                setTimeout(checkLoad, 50);
+              } else {
+                if (typeof cb == 'function') cb(id);
+              }
+            };
+            setTimeout(checkLoad, 50);
+            return false;
+          }
+          if (typeof cb == 'function') cb(id);
+          return true;
+        }
+      }
+    }
+  }
+  const script = document.createElement("script");
+  script.type = "text/javascript";
+  if (script.readyState) {
+    // IE
+    script.onreadystatechange = function () {
+      if (script.readyState == "loaded" || script.readyState == "complete") {
+        script.onreadystatechange = null;
+        script.setAttribute('loadstate', 'true');
+        if (typeof cb == 'function') cb(id);
+      }
+    };
+  } else {
+    script.onload = function () {
+      script.setAttribute('loadstate', 'true');
+      script.setAttribute('charset', 'utf-8');
+      if (typeof cb == 'function') cb(id);
+    };
+  }
+  script.id = id;
+  script.src = url;
+  headNode.appendChild(script);
+  return false;
+};
+module.exports.l = zwplayer_loadjs;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+!function() {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Player: function() { return /* reexport */ Player; },
+  "default": function() { return /* binding */ entry_lib; },
+  zwplayer: function() { return /* reexport */ vueplayer; }
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) { var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+// EXTERNAL MODULE: ./sources/vueplayer/src/loadjs.js
+var loadjs = __webpack_require__(709);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./sources/vueplayer/src/main.vue?vue&type=script&lang=js
+// import { h } from 'vue'
+
+const zwplayer_js_def = 'zwplayer/zwplayer.js?v=3.6';
+const availabe_props = {
+  isLive: 'boolean',
+  useOldFlv: 'boolean',
+  useFlv: 'boolean',
+  streamtype: 'string',
+  hasAudio: 'boolean',
+  hasVideo: 'boolean',
+  xmc_url: 'string',
+  fixedControlbar: 'boolean',
+  nativecontrols: 'boolean',
+  infoButton: 'boolean',
+  speedButton: 'boolean',
+  optionButton: 'boolean',
+  snapshotButton: 'boolean',
+  chapterButton: 'boolean',
+  enableDanmu: 'boolean',
+  useProgressTooltip: 'boolean',
+  hidePlayBtn: 'boolean',
+  disablePlayBtn: 'boolean',
+  disableSeek: 'boolean',
+  disableFullscreenWin: 'boolean',
+  disablePicInPic: 'boolean',
+  disableVolumeControl: 'boolean',
+  lostFocusPause: 'boolean',
+  autoSmallWindow: 'boolean',
+  thumbnails: 'object',
+  sendDanmu: 'function',
+  danmuBarId: 'string',
+  fluid: 'boolean'
+};
+/* harmony default export */ var mainvue_type_script_lang_js = ({
+  name: 'ZwPlayer',
+  data() {
+    return {
+      zwplayer: null,
+      nodename: 'ZwPlayer'
+    };
+  },
+  props: {
+    zwplayerlib: String,
+    murl: String,
+    nodeid: String,
+    muted: Boolean,
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    videoprop: Object,
+    videostyle: String,
+    reconnect: {
+      type: Boolean,
+      default: true
+    },
+    controlbar: {
+      type: Boolean,
+      default: true
+    },
+    useProgressTooltip: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['oneterror', 'onmediaevent', 'onready'],
+  methods: {
+    play(url, isLive, useOldFlv) {
+      let vm = this;
+      if (!url) url = this.murl;
+      if (!vm.zwplayer) return;
+      vm.zwplayer.play(url, isLive, useOldFlv);
+    },
+    stop() {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.stop();
+      }
+    },
+    pause() {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.pause();
+      }
+    },
+    resume() {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.resume();
+      }
+    },
+    getDuration() {
+      let vm = this;
+      if (vm.zwplayer) {
+        return vm.zwplayer.getDuration();
+      }
+      return undefined;
+    },
+    getCurrentTime() {
+      let vm = this;
+      if (vm.zwplayer) {
+        return vm.zwplayer.CurrentTime;
+      }
+      return undefined;
+    },
+    seekTime(time) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.seekTime(time);
+      }
+    },
+    destroy() {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.destroy();
+      }
+    },
+    setplaystate(bPlaying) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.setplaystate(bPlaying);
+      }
+    },
+    setEnableDanmu(bEnable) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.setEnableDanmu(bEnable);
+      }
+    },
+    appendDanmu(msgObj, setting) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.appendDanmu(msgObj, setting);
+      }
+    },
+    setChapters(chapters) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.setChapters(chapters);
+      }
+    },
+    addSubtitle(subtitleUrl, pos, title) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.addSubtitle(subtitleUrl, pos, title);
+      }
+    },
+    removeSubtitle() {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.removeSubtitle();
+      }
+    },
+    buildDanmuControlbar(parentId, className) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.buildDanmuControlbar(parentId, className);
+      }
+    },
+    notifyResize(width, height) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.notifyResize(width, height);
+      }
+    },
+    setMute(bMute) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.zwplayer.setMuted(bMute);
+      }
+    },
+    setullscr(bFullScr) {
+      let vm = this;
+      if (vm.zwplayer) {
+        vm.is_fullscr = bFullScr;
+        vm.zwplayer.setFullscreen(bFullScr);
+      }
+    }
+  },
+  computed: {
+    CurrentTime: function () {
+      let vm = this;
+      if (vm.zwplayer) {
+        return vm.zwplayer.CurrentTime;
+      }
+      return -1;
+    }
+  },
+  render(createElement) {
+    let playerid;
+
+    // console.log('render');
+    if (this.nodeid) {
+      playerid = this.nodeid;
+    } else {
+      let now = new Date().getTime();
+      if (!window.nextZWPlayerId) {
+        window.nextZWPlayerId = 1000;
+      } else {
+        window.nextZWPlayerId++;
+      }
+      playerid = 'zwplayer-' + window.nextZWPlayerId + '-' + now;
+    }
+    let playerWrap = createElement('div', {
+      class: {
+        'zwplayer-vue': true
+      },
+      attrs: {
+        id: playerid
+      }
+    }, []);
+    if (playerWrap) {
+      let vm = this;
+      vm.playerid = playerid;
+    }
+    if (this.zwplayer && this.murl !== this.old_murl) {
+      this.zwplayer.play(this.murl); // change movie url
+      this.old_murl = this.murl;
+    }
+    return playerWrap;
+  },
+  mounted() {
+    let vm = this;
+    // console.log('mounted');
+    let zwplayer_js;
+    if (vm.zwplayerlib) zwplayer_js = vm.zwplayerlib;else zwplayer_js = zwplayer_js_def;
+    vm.rootElm = document.getElementById(vm.playerid);
+    if (vm.rootElm) {
+      vm.rootElm.style.width = '100%';
+      vm.rootElm.style.height = '100%';
+      vm.rootElm.style.margin = '0';
+      vm.rootElm.style.padding = '0';
+    }
+    (0,loadjs/* zwplayer_loadjs */.l)('zwplayer-core', zwplayer_js, function (jsid) {
+      let url = '';
+      if (!jsid) {
+        console.log('zwplayer_loadjs failed!');
+      }
+      if (vm.murl) url = vm.murl;else if (vm.videoprop && typeof vm.videoprop.url !== 'undefined') url = vm.videoprop.url;
+      let videostyle = "width:100%;height:100%;";
+      if (vm.videoprop && typeof vm.videoprop.videostyle !== 'undefined') videostyle = vm.videoprop.videostyle;
+      let params = {
+        url: url,
+        playerElm: vm.rootElm,
+        videostyle: videostyle,
+        reconnect: vm.reconnect,
+        autoplay: vm.autoplay,
+        muted: vm.muted,
+        controlbar: vm.controlbar,
+        useProgressTooltip: vm.useProgressTooltip,
+        onready: function () {
+          vm.$emit('onready', this);
+        },
+        onnetclose: function () {
+          vm.$emit('onnetclose', this);
+          return true;
+        },
+        onneterror: function () {
+          vm.$emit('onneterror', this);
+        },
+        onmediaevent: function (event) {
+          vm.$emit('onmediaevent', event, this);
+        }
+      };
+      let props_list = availabe_props;
+      for (let prop in vm.$attrs) {
+        if (prop in props_list && typeof vm.$attrs[prop] === props_list[prop]) {
+          if (typeof vm.$attrs[prop] === 'object') params[prop] = JSON.parse(JSON.stringify(vm.$attrs[prop]));else params[prop] = vm.$attrs[prop];
+        }
+      }
+      vm.zwplayer = new window.ZWPlayer(params);
+      if (params.danmuBarId) {
+        vm.zwplayer.buildDanmuControlbar(params.danmuBarId, 'vue-zwp-danmubar');
+      }
+      vm.old_murl = url;
+    });
+  },
+  beforeDestroy() {
+    // vue3.x beforeUnmount
+    let vm = this;
+    // console.log('beforeUnmount');
+    if (vm.zwplayer) {
+      vm.zwplayer.stop();
+    }
+  },
+  destroyed() {
+    // vue3.x unmounted
+    let vm = this;
+    // console.log('unmounted');
+    if (vm.zwplayer) {
+      vm.zwplayer.destroy();
+      delete vm.zwplayer;
+    }
+  }
+});
+;// CONCATENATED MODULE: ./sources/vueplayer/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+;// CONCATENATED MODULE: ./sources/vueplayer/src/main.vue
+var render, staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var component = normalizeComponent(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var main = (component.exports);
+;// CONCATENATED MODULE: ./sources/vueplayer/index.js
+//export defines
+
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main); // 
+  Vue.component('zero-web-player', main);
+  Vue.component('zero-player', main);
+  Vue.component('ZPlayer', main);
+};
+/* harmony default export */ var vueplayer = (main);
+;// CONCATENATED MODULE: ./sources/index.js
+// 引入该目录下所有的组件
+
+
+const components = [vueplayer];
+const ZwModule = {};
+ZwModule.install = Vue => {
+  components.forEach(component => {
+    component.install(Vue);
+  });
+};
+if (typeof window !== 'undefined' && window.Vue) {
+  ZwModule.install(window.Vue);
+}
+const sources_zwplayer_js_def = 'zwplayer/zwplayer.js?v=3.6';
+const Player = function (param) {
+  this.zwplayer = null;
+  (0,loadjs/* zwplayer_loadjs */.l)('zwplayer-core', sources_zwplayer_js_def, function (jsid) {
+    if (jsid) {
+      this.zwplayer = new window.ZWPlayer(param);
+    } else {
+      console.log('Load zwplayer library failed.');
+    }
+  });
+};
+Player.prototype = {
+  play(url, isLive, useOldFlv) {
+    let vm = this;
+    if (!url) url = this.murl;
+    if (!vm.zwplayer) return;
+    vm.zwplayer.play(url, isLive, useOldFlv);
+  },
+  stop() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.stop();
+    }
+  },
+  pause() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.pause();
+    }
+  },
+  resume() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.resume();
+    }
+  },
+  getDuration() {
+    let vm = this;
+    if (vm.zwplayer) {
+      return vm.zwplayer.getDuration();
+    }
+    return undefined;
+  },
+  getCurrentTime() {
+    let vm = this;
+    if (vm.zwplayer) {
+      return vm.zwplayer.CurrentTime;
+    }
+    return undefined;
+  },
+  seekTime(time) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.seekTime(time);
+    }
+  },
+  destroy() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.destroy();
+    }
+  },
+  setplaystate(bPlaying) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.setplaystate(bPlaying);
+    }
+  },
+  setEnableDanmu(bEnable) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.setEnableDanmu(bEnable);
+    }
+  },
+  appendDanmu(msgObj, setting) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.appendDanmu(msgObj, setting);
+    }
+  },
+  setChapters(chapters) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.setChapters(chapters);
+    }
+  },
+  addSubtitle(subtitleUrl, pos, title) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.addSubtitle(subtitleUrl, pos, title);
+    }
+  },
+  removeSubtitle() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.removeSubtitle();
+    }
+  },
+  buildDanmuControlbar(parentId, className) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.buildDanmuControlbar(parentId, className);
+    }
+  },
+  notifyResize(width, height) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.notifyResize(width, height);
+    }
+  },
+  setMute(bMute) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.setMuted(bMute);
+    }
+  },
+  setullscr(bFullScr) {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.is_fullscr = bFullScr;
+      vm.zwplayer.setFullscreen(bFullScr);
+    }
+  },
+  lightOff() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.lightOff();
+    }
+  },
+  lightOn() {
+    let vm = this;
+    if (vm.zwplayer) {
+      vm.zwplayer.lightOn();
+    }
+  },
+  get CurrentTime() {
+    let vm = this;
+    if (vm.zwplayer) {
+      return vm.zwplayer.CurrentTime;
+    }
+    return -1;
+  }
+};
+
+/* harmony default export */ var sources = (ZwModule);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (sources);
+
+
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=zwplayervue2.common.js.map