xgplayer 2.32.2 → 2.32.3

package/src/controls/textTrack.js

@@ -1,182 +0,0 @@
-import SubTitles from 'xgplayer-subtitles'
-const defaultStyle = {
-  follow: true, // 是否跟随控制栏调整位置
-  mode: 'stroke', // 字体显示模式，默认是描边
-  followBottom: 50, // 跟随底部控制栏的高度
-  fitVideo: true, // 是否跟随视频自动调整字号
-  offsetBottom: 2, // 字幕距离画面底部百分比，默认2%
-  baseSizeX: 49, // 横屏视频适配基准字号
-  baseSizeY: 28, // 竖屏视频适配基准字号
-  minSize: 16, // pc端最小字号
-  minMobileSize: 13, // 移动端最小字号
-  line: 'double', // 最大显示行数 single/double/three
-  fontColor: '#fff' // 字体颜色
-}
-
-// function createSubTitle (textTrack, style = {}, defaultOpen = true) {
-//   const config = {
-//     subTitles: textTrack,
-//     defaultOpen: defaultOpen
-//   }
-
-//   Object.keys(style).map(key => {
-//     config[key] = style[key]
-//   })
-//   return new SubTitles(config)
-// }
-
-class XgSubtitles {
-  constructor (player, list, style) {
-    const subtitle = this.create(list, style, player.textTrackShowDefault)
-    subtitle.attachPlayer(player)
-    this.subtitle = subtitle
-    this.player = player
-    this.positionData = {
-      vBottom: 0,
-      marginBottom: 0
-    }
-    this.isActive = false
-    this.followBottom = style.followBottom;
-    ['onSubtitleResize', 'onFocus', 'onBlur'].map(item => {
-      this[item] = this[item].bind(this)
-    })
-
-    if (player.controls && style.follow) {
-      this.subtitle.on('resize', this.onSubtitleResize)
-      player.on('focus', this.onFocus)
-      player.on('blur', this.onBlur)
-    }
-  }
-
-  create (textTrack, style = {}, defaultOpen = true) {
-    const config = {
-      subTitles: textTrack,
-      defaultOpen: defaultOpen
-    }
-    Object.keys(style).map(key => {
-      config[key] = style[key]
-    })
-    return new SubTitles(config)
-  }
-
-  switch (subtitle) {
-    return this.subtitle.switch(subtitle)
-  }
-
-  switchOff () {
-    return this.subtitle.switchOff()
-  }
-
-  setSubTitles (subtitles, showDefault, isNeedMove) {
-    return this.subtitle.setSubTitles(subtitles, showDefault, isNeedMove)
-  }
-
-  onFocus () {
-    const { marginBottom, vBottom } = this.positionData
-    if (this.isActive || !marginBottom) {
-      return
-    }
-    this.isActive = true
-    let bottom = marginBottom + vBottom
-    if (this.followBottom > bottom) {
-      bottom = this.followBottom
-    }
-    this.subtitle && (this.subtitle.root.style.bottom = `${bottom}px`)
-  }
-
-  onBlur () {
-    this.isActive = false
-    const bottom = this.positionData.vBottom + this.positionData.marginBottom
-    this.subtitle && (this.subtitle.root.style.bottom = `${bottom}px`)
-  }
-
-  onSubtitleResize (data) {
-    this.positionData.vBottom = data.vBottom
-    this.positionData.marginBottom = data.marginBottom
-  }
-
-  destroy () {
-    this.subtitle.off('resize', this.onSubtitleResize)
-    this.player.off('focus', this.onFocus)
-    this.player.off('blur', this.onBlur)
-    this.subtitle.destroy()
-    this.subtitle = null
-  }
-}
-
-let textTrack = function () {
-  const player = this
-  const { textTrack } = player.config
-  if (!textTrack) {
-    return
-  }
-  let textTrackStyle = player.config.textTrackStyle || {}
-  Object.keys(defaultStyle).map(key => {
-    if (textTrackStyle[key] === undefined) {
-      textTrackStyle[key] = defaultStyle[key]
-    }
-  })
-  player.textTrackShowDefault = false
-  player.config.textTrack.map((item, index) => {
-    if (!item.id && !item.language) {
-      item.id = index
-    }
-    !item.url && (item.url = item.src)
-    !item.language && (item.language = item.srclang)
-    item.isDefault === undefined && (item.isDefault = item.default)
-    !player.textTrackShowDefault && (player.textTrackShowDefault = item.isDefault || item.default)
-  })
-
-  this.subTitles = new XgSubtitles(player, player.config.textTrack, textTrackStyle)
-
-  player.setSubTitles = (textTrack, needRemove = true) => {
-    let showDefault = false
-    textTrack.map((item, index) => {
-      if (!item.id && !item.language) {
-        item.id = index
-      }
-      !item.url && (item.url = item.src)
-      !item.language && (item.language = item.srclang)
-      item.isDefault === undefined && (item.isDefault = item.default)
-      item.isDefault && (showDefault = true)
-    })
-    player.textTrackShowDefault = showDefault
-    this.subTitles.setSubTitles(textTrack, showDefault, needRemove)
-    player.emit('subtitle_change', {
-      off: false,
-      isListUpdate: true,
-      list: textTrack
-    })
-  }
-
-  player.switchSubTitle = (subtitle = { id: '', language: '' }) => {
-    this.subTitles.switch(subtitle).then(data => {
-      if (data.code === 0) {
-        subtitle.off = false
-        subtitle.isListUpdate = false
-        subtitle.list = []
-        player.emit('subtitle_change', subtitle)
-      }
-    })
-  }
-
-  player.switchOffSubtile = () => {
-    this.subTitles.switchOff()
-    player.emit('subtitle_change', {
-      off: true,
-      isListUpdate: false,
-      list: []
-    })
-  }
-
-  function onDestroy () {
-    this.subTitles.destroy()
-    this.subTitles = null
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'textTrack',
-  method: textTrack
-}

package/src/controls/volume.js

@@ -1,178 +0,0 @@
-import { addClass, removeClass, event } from '../utils/util'
-import sniffer from '../utils/sniffer'
-
-let volume = function () {
-  let player = this
-  let root = player.root
-  let container, slider, bar, selected
-  function onCanplay () {
-    // player.volume = sniffer.device === 'mobile' ? 1 : player.config.volume
-    if(!player.controls) return
-    player.volume = player.config.volume
-    container = player.controls.querySelector('.xgplayer-volume')
-    if(!container) return
-    slider = container.querySelector('.xgplayer-slider')
-    bar = container.querySelector('.xgplayer-bar')
-    selected = container.querySelector('.xgplayer-drag')
-    if (sniffer.device === 'mobile') {
-      if(player.volume === 0) {
-        player.video.muted = true
-      }
-      onVolumeChange()
-    }
-  }
-  player.once('canplay', onCanplay)
-
-  function onVolumeBarClick (e) {
-    if(!slider) return
-    player.video.muted = false
-    slider.focus()
-    event(e)
-
-    let barRect = bar.getBoundingClientRect()
-    let pos = {x: e.clientX, y: e.clientY}
-    let height = selected.getBoundingClientRect().height
-    let isMove = false
-    let onMove = function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      event(e)
-      isMove = true
-      let w = height - e.clientY + pos.y
-      let now = w / barRect.height
-      selected.style.height = `${w}px`
-      player.volume = Math.max(Math.min(now, 1), 0)
-    }
-    let onUp = function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      event(e)
-      window.removeEventListener('mousemove', onMove)
-      window.removeEventListener('touchmove', onMove)
-      window.removeEventListener('mouseup', onUp)
-      window.removeEventListener('touchend', onUp)
-
-      if (!isMove) {
-        let w = barRect.height - (e.clientY - barRect.top)
-        let now = w / barRect.height
-        selected.style.height = `${w}px`
-        if (now <= 0) {
-          if (player.volume > 0) {
-            selected.volume = player.video.volume
-          } else {
-            now = selected.volume
-          }
-        }
-        player.volume = Math.max(Math.min(now, 1), 0)
-      }
-      slider.volume = player.volume
-      isMove = false
-    }
-    window.addEventListener('mousemove', onMove)
-    window.addEventListener('touchmove', onMove)
-    window.addEventListener('mouseup', onUp)
-    window.addEventListener('touchend', onUp)
-    return false
-  }
-  player.on('volumeBarClick', onVolumeBarClick)
-
-  function onVolumeIconClick () {
-    if (sniffer.device === 'mobile') {
-      if (player.video.muted) {
-        player.video.muted = false
-        player.emit('unmute')
-        player.volume = 1
-      } else {
-        player.video.muted = true
-        player.emit('mute')
-        player.volume = 0
-      }
-    } else {
-      if(!slider) return
-      player.video.muted = false
-      if (player.volume < 0.1) {
-        if (slider.volume < 0.1) {
-          player.volume = 0.6
-        } else {
-          player.volume = slider.volume
-        }
-        player.emit('unmute')
-      } else {
-        player.volume = 0
-        player.emit('mute')
-      }
-    }
-    // onVolumeChange ()
-  }
-  player.on('volumeIconClick', onVolumeIconClick)
-
-  function onVolumeIconEnter () {
-    addClass(root, 'xgplayer-volume-active')
-    if (container) {
-      container.focus()
-    }
-  }
-  player.on('volumeIconEnter', onVolumeIconEnter)
-
-  function onVolumeIconLeave () {
-    removeClass(root, 'xgplayer-volume-active')
-  }
-  player.on('volumeIconLeave', onVolumeIconLeave)
-
-  let _changeTimer = null
-  function onVolumeChange () {
-    if (_changeTimer) {
-      clearTimeout(_changeTimer)
-    }
-    _changeTimer = setTimeout(() => {
-      if (sniffer.device === 'mobile') {
-        removeClass(root, 'xgplayer-volume-muted')
-        removeClass(root, 'xgplayer-volume-large')
-        if (player.video.muted || player.video.defaultMuted) {
-          if (!player.video.muted) {
-            player.video.muted = true
-          }
-          player.video.defaultMuted = false
-          addClass(root, 'xgplayer-volume-muted')
-        } else {
-          addClass(root, 'xgplayer-volume-large')
-        }
-      } else {
-        removeClass(root, 'xgplayer-volume-muted')
-        removeClass(root, 'xgplayer-volume-small')
-        removeClass(root, 'xgplayer-volume-large')
-        if (player.volume === 0 || player.muted) {
-          addClass(root, 'xgplayer-volume-muted')
-        } else if (player.volume < 0.5) {
-          addClass(root, 'xgplayer-volume-small')
-        } else {
-          addClass(root, 'xgplayer-volume-large')
-        }
-        if (!bar) return
-        let containerHeight = bar.getBoundingClientRect().height || 76
-        selected.style.height = `${player.volume * containerHeight}px`
-      }
-    }, 50)
-  }
-  player.on('volumechange', onVolumeChange)
-
-  function onDestroy () {
-    player.off('canplay', onCanplay)
-    player.off('volumeBarClick', onVolumeBarClick)
-    player.off('volumeIconClick', onVolumeIconClick)
-    player.off('volumeIconEnter', onVolumeIconEnter)
-    player.off('volumeIconLeave', onVolumeIconLeave)
-    player.off('volumechange', onVolumeChange)
-    player.off('destroy', onDestroy)
-    if (_changeTimer) {
-      clearTimeout(_changeTimer);
-      _changeTimer = null;
-    }
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 'volume',
-  method: volume
-}

package/src/controls.js

@@ -1,36 +0,0 @@
-import * as Controls from './controls/*.js'
-import * as Skin from './skin/controls/*.js';
-
-let keyList = []
-for (let k in Controls.controls) {
-    keyList.push(k)
-}
-for (let k in Skin.skin.controls) {
-    if(keyList.indexOf(k) < 0) {
-        keyList.push(k)
-    }
-}
-let controls = {}
-keyList.forEach(item => {
-    controls[item] = {
-        name: item
-    }
-    if(Controls.controls[item]) {
-        if(Skin.skin.controls[item]) {
-            controls[item].method = function () {
-                Controls.controls[item].method.call(this)
-                Skin.skin.controls[item].method.call(this)
-            }
-        } else {
-            controls[item].method = function () {
-                Controls.controls[item].method.call(this)
-            }
-        }
-    } else {
-        controls[item].method = function () {
-            Skin.skin.controls[item].method.call(this)
-        }
-    }
-})
-
-export default controls

package/src/core_player.js

@@ -1,13 +0,0 @@
-import Player from './player'
-
-import Mobile from './controls/mobile'
-import Pc from './controls/pc'
-import Start from './controls/start'
-import S_start from './skin/controls/start'
-
-let controlLst = [Mobile, Pc, Start, S_start]
-controlLst.forEach(function(control) {
-    Player.install(control.name, control.method)
-})
-
-export default Player

package/src/error.js

@@ -1,74 +0,0 @@
-import {version} from '../version.json'
-const ErrorTypes = {
-  network: {
-    code: 1,
-    msg: '视频下载错误',
-    remark: '只要视频下载错误就使用此类型，无论是video本身的超时还是xhr的分段请求超时或者资源不存在'
-  },
-  mse: {
-    code: 2,
-    msg: '流追加错误',
-    remark: '追加流的时候如果类型不对、无法被正确解码则会触发此类错误'
-  },
-  parse: {
-    code: 3,
-    msg: '解析错误',
-    remark: 'mp4、hls、flv我们都是使用js进行格式解析，如果解析失败则会触发此类错误'
-  },
-  format: {
-    code: 4,
-    msg: '格式错误',
-    remark: '如果浏览器不支持的格式导致播放错误'
-  },
-  decoder: {
-    code: 5,
-    msg: '解码错误',
-    remark: '浏览器解码异常会抛出此类型错误'
-  },
-  runtime: {
-    code: 6,
-    msg: '语法错误',
-    remark: '播放器语法错误'
-  },
-  timeout: {
-    code: 7,
-    msg: '播放超时',
-    remark: '播放过程中无法正常请求下一个分段导致播放中断'
-  },
-  other: {
-    code: 8,
-    msg: '其他错误',
-    remark: '不可知的错误或被忽略的错误类型'
-  }
-}
-
-class Errors {
-  constructor (type, currentTime, duration, networkState, readyState, src, currentSrc,
-    ended, errd = {line: '', handle: '', msg: '', version: ''}, errorCode, mediaError) {
-    let r = {}
-    if (arguments.length > 1) {
-      r.playerVersion = version // 播放器版本
-      r.errorType = type
-      r.domain = document.domain // domain
-      r.duration = duration // 视频时长
-      r.currentTime = currentTime
-      r.networkState = networkState
-      r.readyState = readyState
-      r.currentSrc = currentSrc
-      r.src = src
-      r.ended = ended
-      r.errd = errd // 错误详情
-      r.ex = (ErrorTypes[type] || {}).msg // 补充信息
-      r.errorCode = errorCode
-      r.mediaError = mediaError
-    } else {
-      const arg = arguments[0]
-      Object.keys(arg).map(key => {
-        r[key] = arg[key]
-      })
-      r.ex = ((arg.type && ErrorTypes[arg.type]) || {}).msg
-    }
-    return r
-  }
-}
-export default Errors

package/src/index.js

@@ -1,57 +0,0 @@
-import Player from './player'
-
-import Airplay from './controls/airplay.js'
-import CssFullscreen from './controls/cssFullscreen.js'
-import Danmu from './controls/danmu.js'
-import Definition from './controls/definition.js'
-import Download from './controls/download.js'
-import ErrorRetryControl from './controls/errorRetry.js'
-import Fullscreen from './controls/fullscreen.js'
-import Keyboard from './controls/keyboard.js'
-import LocalPreview from './controls/localPreview.js'
-import MemoryPlay from './controls/memoryPlay.js'
-import Miniplayer from './controls/miniplayer.js'
-import Mobile from './controls/mobile.js'
-import Pc from './controls/pc.js'
-import Pip from './controls/pip.js'
-import Play from './controls/play.js'
-import PlayNext from './controls/playNext.js'
-import Reload from './controls/reload.js'
-import Replay from './controls/replay.js'
-import Rotate from './controls/rotate.js'
-import ScreenShot from './controls/screenShot.js'
-import StallCheck from './controls/stallCheck.js'
-import Start from './controls/start.js'
-import Volume from './controls/volume.js'
-import TextTrack from './controls/textTrack.js'
-
-Player.installAll([
-    Airplay,
-    CssFullscreen,
-    Danmu,
-    Definition,
-    Download,
-    ErrorRetryControl,
-    Fullscreen,
-    Keyboard,
-    LocalPreview,
-    MemoryPlay,
-    Miniplayer,
-    Mobile,
-    Pc,
-    Pip,
-    Play,
-    PlayNext,
-    Reload,
-    Replay,
-    Rotate,
-    ScreenShot,
-    StallCheck,
-    Start,
-    Volume,
-    TextTrack  
-])
-
-import './skin/index.js';
-
-export default Player