xgplayer 2.32.1 → 2.32.3

package/package.json

@@ -1,12 +1,21 @@
 {
     "name": "xgplayer",
-    "version": "2.32.1",
+    "version": "2.32.3",
     "description": "video player",
     "main": "./dist/index.js",
     "typings": "./types/index.d.ts",
     "bin": {
         "xgplayer": "bin/xgplayer.js"
     },
+    "files": [
+        "bin",
+        "browser",
+        "dist",
+        "es",
+        "types",
+        "README.md",
+        "CHANGELOG.md"
+    ],
     "scripts": {
         "prepare": "npm run build",
         "postpublish": "git push --tags",
@@ -57,11 +66,11 @@
         "core-js": "^2.5.4",
         "css-loader": "^0.28.11",
         "json-loader": "^0.5.7",
-        "node-sass": "^4.8.3",
         "postcss-cssnext": "^3.1.0",
         "postcss-loader": "^2.1.5",
         "raw-loader": "^2.0.0",
-        "sass-loader": "^6.0.7",
+        "sass": "^1.56.1",
+        "sass-loader": "^10.4.1",
         "style-loader": "^0.20.3",
         "sugarss": "^1.0.1",
         "uglifyjs-webpack-plugin": "^2.2.0",

package/types/index.d.ts

@@ -605,17 +605,6 @@ declare module 'xgplayer' {
          */
         public pluginsCall(): void;
 
-        /**
-         * 播放器获取画中画，可自定义触发画中画功能的条件，不局限于播放器控件中使用
-         *
-         */
-        public getPIP(): void;
-
-        /**
-         * 播放器还原画中画，可自定义触发还原画中画功能的条件，不局限于播放器控件中使用
-         */
-        public exitPIP(): void;
-
         /**
          * 进入迷你播放器模式
          *

package/postcss.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    'postcss-cssnext': {
-      browserslist: ['cover 99.5%']
-    }
-  }
-}

package/src/bind/airplay.js

@@ -1,10 +0,0 @@
-import Airplay from '../controls/airplay.js';
-import S_airplay from '../skin/controls/airplay.js';
-
-export default {
-    name: 'airplay',
-    method: function () {
-        Airplay.method.call(this)
-        S_airplay.method.call(this)
-    }
-}

package/src/bind/cssFullscreen.js

@@ -1,10 +0,0 @@
-import CssFullscreen from '../controls/cssFullscreen.js';
-import S_cssFullscreen from '../skin/controls/cssFullscreen.js';
-
-export default {
-    name: 'cssFullscreen',
-    method: function () {
-        CssFullscreen.method.call(this)
-        S_cssFullscreen.method.call(this)
-    }
-}

package/src/bind/danmu.js

@@ -1,10 +0,0 @@
-import Danmu from '../controls/danmu.js';
-import S_danmu from '../skin/controls/danmu.js';
-
-export default {
-    name: 'danmu',
-    method: function () {
-        Danmu.method.call(this)
-        S_danmu.method.call(this)
-    }
-}

package/src/bind/definition.js

@@ -1,10 +0,0 @@
-import Definition from '../controls/definition.js';
-import S_definition from '../skin/controls/definition.js';
-
-export default {
-    name: 'definition',
-    method: function () {
-        Definition.method.call(this)
-        S_definition.method.call(this)
-    }
-}

package/src/bind/download.js

@@ -1,10 +0,0 @@
-import Download from '../controls/download.js';
-import S_download from '../skin/controls/download.js';
-
-export default {
-    name: 'download',
-    method: function () {
-        Download.method.call(this)
-        S_download.method.call(this)
-    }
-}

package/src/bind/enter.js

@@ -1,8 +0,0 @@
-import S_enter from '../skin/controls/enter.js';
-
-export default {
-    name: 'enter',
-    method: function () {
-        S_enter.method.call(this)
-    }
-}

package/src/bind/error.js

@@ -1,8 +0,0 @@
-import S_error from '../skin/controls/error.js';
-
-export default {
-    name: 'error',
-    method: function () {
-        S_error.method.call(this)
-    }
-}

package/src/bind/errorRetry.js

@@ -1,8 +0,0 @@
-import ErrorRetry from '../controls/errorRetry.js';
-
-export default {
-    name: 'errorRetry',
-    method: function () {
-        ErrorRetry.method.call(this)
-    }
-}

package/src/bind/flex.js

@@ -1,8 +0,0 @@
-import S_flex from '../skin/controls/flex.js';
-
-export default {
-    name: 'flex',
-    method: function () {
-        S_flex.method.call(this)
-    }
-}

package/src/bind/fullscreen.js

@@ -1,10 +0,0 @@
-import Fullscreen from '../controls/fullscreen.js';
-import S_fullscreen from '../skin/controls/fullscreen.js';
-
-export default {
-    name: 'fullscreen',
-    method: function () {
-        Fullscreen.method.call(this)
-        S_fullscreen.method.call(this)
-    }
-}

package/src/bind/i18n.js

@@ -1,8 +0,0 @@
-import S_i18n from '../skin/controls/i18n.js';
-
-export default {
-    name: 'i18n',
-    method: function () {
-        S_i18n.method.call(this)
-    }
-}

package/src/bind/keyboard.js

@@ -1,8 +0,0 @@
-import Keyboard from '../controls/keyboard.js';
-
-export default {
-    name: 'keyboard',
-    method: function () {
-        Keyboard.method.call(this)
-    }
-}

package/src/bind/loading.js

@@ -1,8 +0,0 @@
-import S_loading from '../skin/controls/loading.js';
-
-export default {
-    name: 'loading',
-    method: function () {
-        S_loading.method.call(this)
-    }
-}

package/src/bind/localPreview.js

@@ -1,10 +0,0 @@
-import LocalPreview from '../controls/localPreview.js';
-import S_localPreview from '../skin/controls/localPreview.js';
-
-export default {
-    name: 'localPreview',
-    method: function () {
-        LocalPreview.method.call(this)
-        S_localPreview.method.call(this)
-    }
-}

package/src/bind/memoryPlay.js

@@ -1,10 +0,0 @@
-import MemoryPlay from '../controls/memoryPlay.js';
-import S_memoryPlay from '../skin/controls/memoryPlay.js';
-
-export default {
-    name: 'memoryPlay',
-    method: function () {
-        MemoryPlay.method.call(this)
-        S_memoryPlay.method.call(this)
-    }
-}

package/src/bind/miniplayer.js

@@ -1,10 +0,0 @@
-import Miniplayer from '../controls/miniplayer.js';
-import S_miniplayer from '../skin/controls/miniplayer.js';
-
-export default {
-    name: 'miniplayer',
-    method: function () {
-        Miniplayer.method.call(this)
-        S_miniplayer.method.call(this)
-    }
-}

package/src/bind/mobile.js

@@ -1,8 +0,0 @@
-import Mobile from '../controls/mobile.js';
-
-export default {
-    name: 'mobile',
-    method: function () {
-        Mobile.method.call(this)
-    }
-}

package/src/bind/nativeTextTrack.js

@@ -1,8 +0,0 @@
-import S_nativeTextTrack from '../skin/controls/nativeTextTrack.js';
-
-export default {
-    name: 'nativeTextTrack',
-    method: function () {
-        S_nativeTextTrack.method.call(this)
-    }
-}

package/src/bind/pc.js

@@ -1,8 +0,0 @@
-import Pc from '../controls/pc.js';
-
-export default {
-    name: 'pc',
-    method: function () {
-        Pc.method.call(this)
-    }
-}

package/src/bind/pip.js

@@ -1,10 +0,0 @@
-import Pip from '../controls/pip.js';
-import S_pip from '../skin/controls/pip.js';
-
-export default {
-    name: 'pip',
-    method: function () {
-        Pip.method.call(this)
-        S_pip.method.call(this)
-    }
-}

package/src/bind/play.js

@@ -1,10 +0,0 @@
-import Play from '../controls/play.js';
-import S_play from '../skin/controls/play.js';
-
-export default {
-    name: 'play',
-    method: function () {
-        Play.method.call(this)
-        S_play.method.call(this)
-    }
-}

package/src/bind/playNext.js

@@ -1,10 +0,0 @@
-import PlayNext from '../controls/playNext.js';
-import S_playNext from '../skin/controls/playNext.js';
-
-export default {
-    name: 'playNext',
-    method: function () {
-        PlayNext.method.call(this)
-        S_playNext.method.call(this)
-    }
-}

package/src/bind/playbackRate.js

@@ -1,8 +0,0 @@
-import S_playbackRate from '../skin/controls/playbackRate.js';
-
-export default {
-    name: 'playbackRate',
-    method: function () {
-        S_playbackRate.method.call(this)
-    }
-}

package/src/bind/poster.js

@@ -1,8 +0,0 @@
-import S_poster from '../skin/controls/poster.js';
-
-export default {
-    name: 'poster',
-    method: function () {
-        S_poster.method.call(this)
-    }
-}

package/src/bind/progress.js

@@ -1,8 +0,0 @@
-import S_progress from '../skin/controls/progress.js';
-
-export default {
-    name: 'progress',
-    method: function () {
-        S_progress.method.call(this)
-    }
-}

package/src/bind/reload.js

@@ -1,10 +0,0 @@
-import Reload from '../controls/reload.js';
-import S_reload from '../skin/controls/reload.js';
-
-export default {
-    name: 'reload',
-    method: function () {
-        Reload.method.call(this)
-        S_reload.method.call(this)
-    }
-}

package/src/bind/replay.js

@@ -1,10 +0,0 @@
-import Replay from '../controls/replay.js';
-import S_replay from '../skin/controls/replay.js';
-
-export default {
-    name: 'replay',
-    method: function () {
-        Replay.method.call(this)
-        S_replay.method.call(this)
-    }
-}

package/src/bind/rotate.js

@@ -1,10 +0,0 @@
-import Rotate from '../controls/rotate.js';
-import S_rotate from '../skin/controls/rotate.js';
-
-export default {
-    name: 'rotate',
-    method: function () {
-        Rotate.method.call(this)
-        S_rotate.method.call(this)
-    }
-}

package/src/bind/screenShot.js

@@ -1,10 +0,0 @@
-import ScreenShot from '../controls/screenShot.js';
-import S_screenShot from '../skin/controls/screenShot.js';
-
-export default {
-    name: 'screenShot',
-    method: function () {
-        ScreenShot.method.call(this)
-        S_screenShot.method.call(this)
-    }
-}

package/src/bind/stallCheck.js

@@ -1,8 +0,0 @@
-import StallCheck from '../controls/stallCheck.js';
-
-export default {
-    name: 'stallCheck',
-    method: function () {
-        StallCheck.method.call(this)
-    }
-}

package/src/bind/start.js

@@ -1,10 +0,0 @@
-import Start from '../controls/start.js';
-import S_start from '../skin/controls/start.js';
-
-export default {
-    name: 'start',
-    method: function () {
-        Start.method.call(this)
-        S_start.method.call(this)
-    }
-}

package/src/bind/textTrack.js

@@ -1,8 +0,0 @@
-import S_textTrack from '../skin/controls/textTrack.js';
-
-export default {
-    name: 'textTrack',
-    method: function () {
-        S_textTrack.method.call(this)
-    }
-}

package/src/bind/time.js

@@ -1,8 +0,0 @@
-import S_time from '../skin/controls/time.js';
-
-export default {
-    name: 'time',
-    method: function () {
-        S_time.method.call(this)
-    }
-}

package/src/bind/volume.js

@@ -1,10 +0,0 @@
-import Volume from '../controls/volume.js';
-import S_volume from '../skin/controls/volume.js';
-
-export default {
-    name: 'volume',
-    method: function () {
-        Volume.method.call(this)
-        S_volume.method.call(this)
-    }
-}

package/src/controls/airplay.js

@@ -1,20 +0,0 @@
-let airplay = function () {
-  let player = this
-  if(!player.config.airplay || !window.WebKitPlaybackTargetAvailabilityEvent) return
-
-  function onAirplayBtnClick () {
-    player.video.webkitShowPlaybackTargetPicker()
-  }
-  player.on('airplayBtnClick', onAirplayBtnClick)
-
-  function onDestroy () {
-    player.off('airplayBtnClick', onAirplayBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'airplay',
-  method: airplay
-}

package/src/controls/cssFullscreen.js

@@ -1,49 +0,0 @@
-import { hasClass, removeClass, addClass } from '../utils/util'
-
-let cssFullscreen = function () {
-  let player = this
-  let root = player.root
-
-  function onCssFullscreenBtnClick () {
-    if (hasClass(root, 'xgplayer-is-cssfullscreen')) {
-      player.exitCssFullscreen()
-    } else {
-      player.getCssFullscreen()
-    }
-  }
-  player.on('cssFullscreenBtnClick', onCssFullscreenBtnClick)
-  player.on('exitFullscreen', () => {
-    removeClass(root, 'xgplayer-is-cssfullscreen')
-  })
-
-  function onDestroy () {
-    player.off('cssFullscreenBtnClick', onCssFullscreenBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-
-  player.getCssFullscreen = function () {
-    let player = this
-    if (player.config.fluid) {
-      player.root.style['padding-top'] = ''
-    }
-    addClass(player.root, 'xgplayer-is-cssfullscreen')
-    player.emit('requestCssFullscreen')
-  }
-
-  player.exitCssFullscreen = function () {
-    let player = this
-    if (player.config.fluid) {
-      player.root.style['width'] = '100%'
-      player.root.style['height'] = '0'
-      player.root.style['padding-top'] = `${player.config.height * 100 / player.config.width}%`
-    }
-    removeClass(player.root, 'xgplayer-is-cssfullscreen')
-    player.emit('exitCssFullscreen')
-  }
-}
-
-export default {
-  name: 'cssFullscreen',
-  method: cssFullscreen
-}

package/src/controls/danmu.js

@@ -1,75 +0,0 @@
-import { addClass, toggleClass, copyDom, hasClass, removeClass } from '../utils/util'
-
-let danmu = function () {
-  let player = this
-
-  function onInitDanmu(danmujs) {
-    let container = player.root.querySelector('xg-danmu')
-    addClass(container, 'xgplayer-has-danmu')
-    if (!player.config.danmu.closeDefaultBtn) {
-      player.danmuBtn = copyDom(danmujs.bulletBtn.createSwitch(true))
-      player.controls.appendChild(player.danmuBtn)
-
-      function onTimeupdate () {
-        danmujs.start()
-      }
-      ['click', 'touchend'].forEach(item => {
-        player.danmuBtn.addEventListener(item, e => {
-          e.preventDefault()
-          e.stopPropagation()
-          toggleClass(player.danmuBtn, 'danmu-switch-active')
-          if (hasClass(player.danmuBtn, 'danmu-switch-active')) {
-            player.emit('danmuBtnOn')
-            addClass(container, 'xgplayer-has-danmu')
-            player.once('timeupdate', onTimeupdate)
-          } else {
-            player.emit('danmuBtnOff')
-            removeClass(container, 'xgplayer-has-danmu')
-            danmujs.stop()
-          }
-        })
-      })
-
-      player.onElementClick && container.addEventListener('click', function (e) { player.onElementClick(e, container) }, false)
-      player.onElementDblclick && container.addEventListener('dblclick', function (e) { player.onElementDblclick(e, container) }, false)
-
-      function onPause () {
-        if (hasClass(player.danmuBtn, 'danmu-switch-active')) {
-          danmujs.pause()
-        }
-      }
-      player.on('pause', onPause)
-
-      function onPlay () {
-        if (hasClass(player.danmuBtn, 'danmu-switch-active')) {
-          danmujs.play()
-        }
-      }
-      player.on('play', onPlay)
-
-      function onSeeked () {
-        if (hasClass(player.danmuBtn, 'danmu-switch-active')) {
-          danmujs.stop()
-          danmujs.start()
-        }
-      }
-      player.on('seeked', onSeeked)
-
-      function onDestroy () {
-        player.off('timeupdate', onTimeupdate)
-        player.off('pause', onPause)
-        player.off('play', onPlay)
-        player.off('seeked', onSeeked)
-        player.off('destroy', onDestroy)
-      }
-      player.once('destroy', onDestroy)
-    }
-  }
-  player.on('initDefaultDanmu', onInitDanmu)
-
-}
-
-export default {
-  name: 'danmu',
-  method: danmu
-}

package/src/controls/definition.js

@@ -1,13 +0,0 @@
-let definition = function () {
-  let player = this
-
-  function onDestroy () {
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'definition',
-  method: definition
-}

package/src/controls/download.js

@@ -1,28 +0,0 @@
-import downloadUtil from 'downloadjs'
-import {getAbsoluteURL} from '../utils/url'
-
-let download = function () {
-  let player = this
-
-  function onDownloadBtnClick () {
-    // must pass an absolute url for download
-    player.download()
-  }
-  player.on('downloadBtnClick', onDownloadBtnClick)
-
-  function onDestroy () {
-    player.off('downloadBtnClick', onDownloadBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-
-  player.download = function () {
-    const url = getAbsoluteURL(this.config.url)
-    downloadUtil(url)
-  }
-}
-
-export default {
-  name: 'download',
-  method: download
-}