修改包管理

packages/artplayer/src/index.js

@@ -0,0 +1,152 @@
+import './style';
+import 'balloon-css/balloon.min.css';
+import * as utils from './utils';
+import optionValidator from 'option-validator';
+import scheme from './scheme';
+import config from './config';
+import Emitter from 'tiny-emitter';
+import Template from './template';
+import I18n from './i18n';
+import Player from './player';
+import Controls from './controls';
+import Contextmenu from './contextmenu';
+import Info from './info';
+import Subtitle from './subtitle';
+import Events from './events';
+import Hotkey from './hotkey';
+import Layers from './layers';
+import Loading from './loading';
+import Notice from './notice';
+import Mask from './mask';
+import Setting from './setting';
+
+let id = 0;
+class Artplayer extends Emitter {
+  constructor(option) {
+    super();
+    this.emit('init:start');
+    this.option = utils.deepMerge({}, Artplayer.DEFAULTS, option);
+    optionValidator(this.option, scheme);
+    this.init();
+    this.emit('init:end');
+  }
+
+  static get version() {
+    return '__VERSION__';
+  }
+
+  static get config() {
+    return config;
+  }
+
+  static get utils() {
+    return utils;
+  }
+
+  static get DEFAULTS() {
+    return {
+      container: '.artplayer',
+      url: '',
+      poster: '',
+      title: '',
+      volume: 0.7,
+      thumbnails: {
+        url: '',
+        number: 60,
+        width: 160,
+        height: 90,
+        column: 10
+      },
+      screenshot: true,
+      autoplay: false,
+      playbackRate: true,
+      aspectRatio: true,
+      loop: false,
+      type: '',
+      mimeCodec: '',
+      layers: [],
+      contextmenu: [],
+      quality: [],
+      loading: '',
+      play: '',
+      theme: '#f00',
+      setting: false,
+      hotkey: true,
+      pip: true,
+      mutex: true,
+      fullscreen: true,
+      fullscreenWeb: true,
+      subtitle: {
+        url: '',
+        style: {}
+      },
+      controls: [],
+      highlight: [],
+      moreVideoAttr: {
+        'crossOrigin': 'anonymous',
+        'controls': false,
+        'preload': 'auto',
+        'webkit-playsinline': true,
+        'playsinline': true
+      },
+      lang: navigator.language.toLowerCase()
+    };
+  }
+
+  static use(plugin) {
+    const installedPlugins = this.plugins || (this.plugins = []);
+    if (installedPlugins.indexOf === -1) {
+      installedPlugins.push(plugin);
+      const args = Array.from(arguments).slice(1);
+      args.unshift(this);
+      plugin.apply(null, args);
+      this.prototype.emit('use', plugin);
+    }
+    return this;
+  }
+
+  init() {
+    this.isFocus = false;
+    this.isPlaying = false;
+    this.refs = {};
+
+    if (this.option.container instanceof Element) {
+      this.refs.$container = this.option.container;
+    } else {
+      this.refs.$container = document.querySelector(this.option.container);
+    }
+
+    this.template = new Template(this);
+    this.i18n = new I18n(this);
+    this.notice = new Notice(this);
+    this.events = new Events(this);
+    this.player = new Player(this);
+    this.layers = new Layers(this);
+    this.controls = new Controls(this);
+    this.contextmenu = new Contextmenu(this);
+    this.subtitle = new Subtitle(this);
+    this.info = new Info(this);
+    this.loading = new Loading(this);
+    this.hotkey = new Hotkey(this);
+    this.mask = new Mask(this);
+    this.setting = new Setting(this);
+
+    this.id = id++;
+    Artplayer.instances.push(this);
+  }
+
+  destroy(removeHtml = false) {
+    this.events.destroy();
+    Artplayer.instances.splice(Artplayer.instances.indexOf(this), 1);
+    if (removeHtml) {
+      this.refs.$container.innerHTML = '';
+    } else {
+      this.refs.$player.classList.add('artplayer-destroy');
+    }
+    this.emit('destroy');
+  }
+}
+
+Artplayer.instances = [];
+window.Artplayer = Artplayer;
+export default Artplayer;