xgplayer 2.32.1 → 2.32.3

package/src/controls/mobile.js

@@ -1,100 +0,0 @@
-import { hasClass } from '../utils/util'
-
-let mobile = function () {
-  let player = this
-  let root = player.root
-  let clk = 0; let _click_
-  let clickedTime = {
-    first: '',
-    second: ''
-  }
-
-  player.onElementTouchend = function (e, element) {
-    if(!this.config.closeVideoPreventDefault) {
-      e.preventDefault()
-    }
-    if(!this.config.closeVideoStopPropagation) {
-      e.stopPropagation()
-    }
-    let player = this
-    if (hasClass(root, 'xgplayer-inactive')) {
-      player.emit('focus')
-    } else {
-      player.emit('blur')
-    }
-    if (!player.config.closeVideoTouch && !player.isTouchMove) {
-      function onTouch() {
-        _click_ = setTimeout(function () {
-          if (hasClass(player.root, 'xgplayer-nostart')) {
-            return false
-          } else if (!player.ended) {
-            if (player.paused) {
-              let playPromise = player.play()
-              if (playPromise !== undefined && playPromise) {
-                playPromise.catch(err => {})
-              }
-            } else {
-              player.pause()
-            }
-          }
-          clk = 0
-        }, 200)
-      }
-      if (!player.config.closeVideoClick) {
-        clk++
-        if (_click_) {
-          clearTimeout(_click_)
-        }
-        if (clk === 1) {
-          if(player.config.enableVideoDbltouch) {
-            clickedTime.first = new Date()
-          } else {
-            onTouch()
-          }
-        } else if (clk === 2) {
-          if(player.config.enableVideoDbltouch) {
-            clickedTime.second = new Date()
-            if (Math.abs(clickedTime.first - clickedTime.second) < 400) {
-              // 双击
-              onTouch()
-            } else {
-              clickedTime.first = new Date()
-              clk = 1
-            }
-          } else {
-            clk = 0
-          }
-        } else {
-          clk = 0
-        }
-      }
-    }
-  }
-
-  function onReady (e) {
-    player.video.addEventListener('touchend', function (e) {
-      player.onElementTouchend(e, player.video)
-    })
-    player.video.addEventListener('touchstart', () => {
-      player.isTouchMove = false
-    })
-    player.video.addEventListener('touchmove', () => {
-      player.isTouchMove = true
-    })
-    if (player.config.autoplay) {
-      player.start()
-    }
-  }
-  player.once('ready', onReady)
-
-  function onDestroy () {
-    player.off('ready', onReady)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'mobile',
-  method: mobile
-}

package/src/controls/pc.js

@@ -1,123 +0,0 @@
-import { hasClass } from '../utils/util'
-
-let pc = function () {
-  let player = this
-  if(!player.controls || !player.video) return
-  let controls = player.controls; let root = player.root
-  let clk = 0; let _click_
-
-  player.onElementClick = function (e, element) {
-    if(!this.config.closeVideoPreventDefault) {
-      e.preventDefault()
-    }
-    if(!this.config.closeVideoStopPropagation) {
-      e.stopPropagation()
-    }
-    let player = this
-    if (!player.config.closeVideoClick) {
-      clk++
-      if (_click_) {
-        clearTimeout(_click_)
-      }
-      if (clk === 1) {
-        _click_ = setTimeout(function () {
-          if (hasClass(player.root, 'xgplayer-nostart')) {
-            return false
-          } else if (!player.ended) {
-            if (player.paused) {
-              let playPromise = player.play()
-              if (playPromise !== undefined && playPromise) {
-                playPromise.catch(err => {})
-              }
-            } else {
-              player.pause()
-            }
-          }
-          clk = 0
-        }, 200)
-      } else {
-        clk = 0
-      }
-    }
-  }
-  player.video.addEventListener('click', function (e) { player.onElementClick(e, player.video) }, false)
-
-  player.onElementDblclick = function (e, element) {
-    if(!this.config.closeVideoPreventDefault) {
-      e.preventDefault()
-    }
-    if(!this.config.closeVideoStopPropagation) {
-      e.stopPropagation()
-    }
-    let player = this
-    if (!player.config.closeVideoDblclick) {
-      let fullscreen = controls.querySelector('.xgplayer-fullscreen')
-      if (fullscreen) {
-        let clk
-        if (document.createEvent) {
-          clk = document.createEvent('Event')
-          clk.initEvent('click', true, true)
-        } else {
-          clk = new Event('click')
-        }
-        fullscreen.dispatchEvent(clk)
-      }
-    }
-  }
-  player.video.addEventListener('dblclick', function (e) { player.onElementDblclick(e, player.video) }, false)
-
-  function onMouseEnter () {
-    clearTimeout(player.leavePlayerTimer)
-    player.emit('focus', player)
-  }
-  root.addEventListener('mouseenter', onMouseEnter)
-
-  function onMouseLeave () {
-    if(!player.config.closePlayerBlur) {
-      player.leavePlayerTimer = setTimeout(function () {
-        player.emit('blur', player)
-      }, player.config.leavePlayerTime || 0)
-    }
-  }
-  root.addEventListener('mouseleave', onMouseLeave)
-
-  function onControlMouseEnter (e) {
-    if (player.userTimer) {
-      clearTimeout(player.userTimer)
-    }
-  }
-  controls.addEventListener('mouseenter', onControlMouseEnter)
-
-  function onControlMouseLeave (e) {
-    if(!player.config.closeControlsBlur) {
-      player.emit('focus', player)
-    }
-  }
-  controls.addEventListener('mouseleave', onControlMouseLeave)
-
-  function onControlClick (e) {
-    e.preventDefault()
-    e.stopPropagation()
-  }
-  controls.addEventListener('click', onControlClick)
-
-  function onReady (e) {
-    if (player.config.autoplay) {
-      player.start()
-    }
-  }
-  player.once('ready', onReady)
-
-  function onDestroy () {
-    root.removeEventListener('mouseenter', onMouseEnter)
-    root.removeEventListener('mouseleave', onMouseLeave)
-    player.off('ready', onReady)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'pc',
-  method: pc
-}

package/src/controls/pip.js

@@ -1,52 +0,0 @@
-
-import { PresentationMode, checkWebkitSetPresentationMode, addClass, removeClass} from '../utils/util'
-
-let pip = function () {
-  let player = this
-  function onPipBtnClick () {
-    if (player.video !== document.pictureInPictureElement) {
-      player.video.requestPictureInPicture()
-    } else {
-      document.exitPictureInPicture()
-    }
-  }
-  player.on('pipBtnClick', onPipBtnClick)
-
-  const onWebkitpresentationmodechanged = (e) => {
-    const mode = player.video.webkitPresentationMode
-    this.pMode = mode
-    if (mode === PresentationMode.PIP) {
-      // 进入pip模式
-      player.emit('requestPictureInPicture', e.pictureInPictureWindow)
-    } else if (mode === PresentationMode.INLINE) {
-      // 退出pip，进去inline模式
-      player.emit('exitPictureInPicture')
-    }
-  }
-
-  player.video.addEventListener('enterpictureinpicture', function (pipWindow) {
-    addClass(player.root, 'xgplayer-pip-active')
-    player.emit('requestPictureInPicture', pipWindow)
-  })
-
-  player.video.addEventListener('leavepictureinpicture', function () {
-    removeClass(player.root, 'xgplayer-pip-active')
-    player.emit('exitPictureInPicture')
-  })
-
-  checkWebkitSetPresentationMode(player.video) &&
-  player.video.addEventListener('webkitpresentationmodechanged', onWebkitpresentationmodechanged)
-
-  function onDestroy () {
-    player.off('pipBtnClick', onPipBtnClick)
-    player.off('destroy', onDestroy)
-    checkWebkitSetPresentationMode(player.video) &&
-    player.video.removeEventListener('webkitpresentationmodechanged', onWebkitpresentationmodechanged)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'pip',
-  method: pip
-}

package/src/controls/play.js

@@ -1,34 +0,0 @@
-import { hasClass } from '../utils/util'
-
-let play = function () {
-  let player = this
-
-  function onPlayBtnClick () {
-    if (!player.config.allowPlayAfterEnded && player.ended) {
-      return
-    }
-    if(hasClass(player.root, 'xgplayer-nostart')) {
-      player.start()
-    }
-    if (player.paused) {
-      let playPromise = player.play()
-      if (playPromise !== undefined && playPromise) {
-        playPromise.catch(err => {})
-      }
-    } else {
-      player.pause()
-    }
-  }
-  player.on('playBtnClick', onPlayBtnClick)
-
-  function onDestroy () {
-    player.off('playBtnClick', onPlayBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'play',
-  method: play
-}

package/src/controls/playNext.js

@@ -1,29 +0,0 @@
-let playNext = function () {
-  let player = this
-  let nextBtn = player.config.playNext
-  player.currentVideoIndex = -1
-
-  function onPlayNextBtnClick () {
-    if (player.currentVideoIndex + 1 < nextBtn.urlList.length) {
-      player.currentVideoIndex++
-      player.video.autoplay = true
-      player.src = nextBtn.urlList[player.currentVideoIndex]
-      player.emit('playerNext', player.currentVideoIndex + 1)
-      if (player.currentVideoIndex + 1 === nextBtn.urlList.length) {
-        player.emit('urlListEnd')
-      }
-    }
-  }
-  player.on('playNextBtnClick', onPlayNextBtnClick)
-
-  function onDestroy () {
-    player.off('playNextBtnClick', onPlayNextBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'playNext',
-  method: playNext
-}

package/src/controls/reload.js

@@ -1,24 +0,0 @@
-import { removeClass } from '../utils/util'
-
-let reload = function () {
-  let player = this
-  let reloadConfig = player.config.reload
-  if (!reloadConfig) { return }
-
-  function onReloadBtnClick () {
-    removeClass(player.root, 'xgplayer-is-error')
-    player.src = player.config.url
-  }
-  player.on('reloadBtnClick', onReloadBtnClick)
-
-  function onDestroy () {
-    player.off('reloadBtnClick', onReloadBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'reload',
-  method: reload
-}

package/src/controls/replay.js

@@ -1,30 +0,0 @@
-import { addClass, removeClass } from '../utils/util'
-
-let replay = function () {
-  let player = this
-  let root = player.root
-
-  function onReplayBtnClick () {
-    removeClass(root, 'xgplayer-is-replay')
-    player.replay()
-  }
-  player.on('replayBtnClick', onReplayBtnClick)
-
-  function onEnded () {
-    if (!player.config.loop) {
-      addClass(root, 'xgplayer-is-replay')
-    }
-  }
-  player.on('ended', onEnded)
-
-  function onDestroy () {
-    player.off('replayBtnClick', onReplayBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'replay',
-  method: replay
-}

package/src/controls/rotate.js

@@ -1,99 +0,0 @@
-let rotate = function () {
-  let player = this
-  let rotateConfig = player.config.rotate
-  if (!rotateConfig) { return }
-
-  function onRotateBtnClick () {
-    player.rotate(rotateConfig.clockwise, rotateConfig.innerRotate)
-  }
-  player.on('rotateBtnClick', onRotateBtnClick)
-
-  function onDestroy () {
-    player.off('rotateBtnClick', onRotateBtnClick)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-
-  player.updateRotateDeg = function () {
-    let player = this;
-    if (!player.rotateDeg) {
-      player.rotateDeg = 0
-    }
-
-    let width = player.root.offsetWidth
-    let height = player.root.offsetHeight
-    let targetWidth = player.video.videoWidth
-    let targetHeight = player.video.videoHeight
-
-    if (!player.config.rotate.innerRotate && player.config.rotate.controlsFix) {
-      player.root.style.width = height + 'px'
-      player.root.style.height = width + 'px'
-    }
-
-    let scale
-    if (player.rotateDeg === 0.25 || player.rotateDeg === 0.75) {
-      if (player.config.rotate.innerRotate) {
-        if ((targetWidth / targetHeight) > (height / width)) { // 旋转后纵向撑满
-          let videoWidth = 0
-          if ((targetHeight / targetWidth) > (height / width)) { // 旋转前是纵向撑满
-            videoWidth = height * targetWidth / targetHeight
-          } else { // 旋转前是横向撑满
-            videoWidth = width
-          }
-          scale = height / videoWidth
-        } else { // 旋转后横向撑满
-          let videoHeight = 0
-          if ((targetHeight / targetWidth) > (height / width)) { // 旋转前是纵向撑满
-            videoHeight = height
-          } else { // 旋转前是横向撑满
-            videoHeight = width * targetHeight / targetWidth
-          }
-          scale = width / videoHeight
-        }
-      } else {
-        if (width >= height) {
-          scale = width / height
-        } else {
-          scale = height / width
-        }
-      }
-      scale = Number(scale.toFixed(5))
-    } else {
-      scale = 1
-    }
-
-    if (player.config.rotate.innerRotate) {
-      player.video.style.transformOrigin = 'center center'
-      player.video.style.transform = `rotate(${player.rotateDeg}turn) scale(${scale})`
-      player.video.style.webKitTransform = `rotate(${player.rotateDeg}turn) scale(${scale})`
-    } else {
-      if (player.config.rotate.controlsFix) {
-        player.video.style.transformOrigin = 'center center'
-        player.video.style.transform = `rotate(${player.rotateDeg}turn) scale(${scale})`
-        player.video.style.webKitTransform = `rotate(${player.rotateDeg}turn) scale(${scale})`
-      } else {
-        player.root.style.transformOrigin = 'center center'
-        player.root.style.transform = `rotate(${player.rotateDeg}turn) scale(${1})`
-        player.root.style.webKitTransform = `rotate(${player.rotateDeg}turn) scale(${1})`
-      }
-    }
-  }
-
-  player.rotate = function (clockwise = false, innerRotate = true, times = 1) {
-    let player = this;
-    if (!player.rotateDeg) {
-      player.rotateDeg = 0
-    }
-    let factor = clockwise ? 1 : -1
-
-    player.rotateDeg = (player.rotateDeg + 1 + factor * 0.25 * times) % 1
-    this.updateRotateDeg()
-
-    player.emit('rotate', player.rotateDeg * 360)
-  }
-}
-
-export default {
-  name: 'rotate',
-  method: rotate
-}

package/src/controls/screenShot.js

@@ -1,65 +0,0 @@
-let screenShot = function () {
-  let player = this
-  let screenShotOptions = player.config.screenShot
-  let callBack = null
-  if (!screenShotOptions) {
-    return
-  }
-
-  player.video.setAttribute('crossOrigin', 'anonymous')
-
-  let encoderOptions = 0.92
-
-  if (screenShotOptions.quality || screenShotOptions.quality === 0) {
-    encoderOptions = screenShotOptions.quality
-  }
-  let type = screenShotOptions.type === undefined ? 'image/png' : screenShotOptions.type
-  let format = screenShotOptions.format === undefined ? '.png' : screenShotOptions.format
-
-  let canvas = document.createElement('canvas')
-  let canvasCtx = canvas.getContext('2d')
-  let img = new Image()
-
-  canvas.width = this.config.width || 600
-  canvas.height = this.config.height || 337.5  
-  let saveScreenShot = function (data, filename) {
-    let saveLink = document.createElement('a')
-    saveLink.href = data
-    saveLink.download = filename
-    let event = document.createEvent('MouseEvents')
-    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
-    saveLink.dispatchEvent(event)
-  }
-
-  player.screenShot = function (save = true) {
-    save = screenShotOptions.saveImg === undefined ? save : screenShotOptions.saveImg
-    canvas.width = player.video.videoWidth || 600
-    canvas.height = player.video.videoHeight || 337.5
-    callBack = screenShotOptions.callBack
-    img.onload = (function () {
-      canvasCtx.drawImage(player.video, 0, 0, canvas.width, canvas.height)
-      img.src = canvas.toDataURL(type, encoderOptions).replace(type, 'image/octet-stream')
-      let screenShotImg = img.src.replace(/^data:image\/[^;]+/, 'data:application/octet-stream')
-      let saveFileName = screenShotOptions.fileName || player.lang.SCREENSHOT
-
-      player.emit('screenShot', screenShotImg)
-      if (save && callBack) {
-        callBack(screenShotImg, saveFileName, format)
-      } else {
-        save && saveScreenShot(screenShotImg, saveFileName + format)
-      }
-    })()
-  }
-  player.on('screenShotBtnClick', player.screenShot)
-
-  function onDestroy () {
-    player.off('screenShotBtnClick', player.screenShot)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'screenShot',
-  method: screenShot
-}

package/src/controls/stallCheck.js

@@ -1,38 +0,0 @@
-import Errors from '../error'
-
-function stallCheck () {
-  const player = this
-  if(!player.config.enableStallCheck) return;
-  let lastCurrentTime = 0;
-  let stallFlag, stallCheckTimer, progressTimer;
-  player.once('complete', () => {
-    progressTimer = setInterval(() => {
-      if (player.currentTime - (lastCurrentTime || 0) > 0.1 || player.paused) {
-        if (stallFlag === 1 || stallFlag === 2) {
-          stallFlag = 0;
-          clearTimeout(stallCheckTimer);
-          stallCheckTimer = null;
-        }
-      } else {
-        if (!stallFlag) {
-          stallFlag = 1;
-          stallCheckTimer = setTimeout(() => {
-            if (stallFlag === 1) {
-              stallFlag = 2;
-              player.emit('error', new Errors('STALL'));
-            }
-            stallCheckTimer = null;
-          }, 20000);
-        }
-      }
-      lastCurrentTime = player.currentTime;
-    }, 1000);
-  })
-}
-  
-export default {
-  name: 'stallCheck',
-  method: stallCheck
-}
-
-

package/src/controls/start.js

@@ -1,60 +0,0 @@
-import { addClass, hasClass, removeClass } from '../utils/util'
-
-let start = function () {
-  let player = this
-  let root = player.root
-
-  function onCanPlay () {
-    player.off('canplay', onCanPlay)
-    let playPromise = player.play()
-    if (playPromise !== undefined && playPromise) {
-      playPromise.catch(err => {})
-    }
-  }
-
-  function onStartBtnClick () {
-    if (hasClass(root, 'xgplayer-nostart')) {
-      removeClass(root, 'xgplayer-nostart') // for ie quick switch
-      addClass(root, 'xgplayer-is-enter')
-
-      if(typeof root.contains === 'function') {
-        if((player.video && player.video.nodeType === 1 && !root.contains(player.video)) || (player.video && player.video.nodeType !== 1 && player.video.mediaSource === undefined)) {
-          player.once('canplay', onCanPlay)
-          player.start()
-        } else {
-          onCanPlay()
-        }
-      } else {
-        if((player.video && player.video.nodeType === 1 && !root.querySelector(this.videoConfig.mediaType)) || (player.video && player.video.nodeType !== 1 && player.video.mediaSource === undefined)) {
-          player.once('canplay', onCanPlay)
-          player.start()
-        } else {
-          onCanPlay()
-        }
-      }
-    } else {
-      if (player.paused) {
-        removeClass(root, 'xgplayer-nostart xgplayer-isloading')
-        setTimeout(() => {
-          let playPromise = player.play()
-          if (playPromise !== undefined && playPromise) {
-            playPromise.catch(err => {})
-          }
-        }, 10)
-      }
-    }
-  }
-  player.on('startBtnClick', onStartBtnClick)
-
-  function onDestroy () {
-    player.off('startBtnClick', onStartBtnClick)
-    player.off('canplay', onCanPlay)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'start',
-  method: start
-}