核心功能完成

2026-05-08 15:02:17 +08:00 · 2019-12-23 15:45:35 +08:00
parent 3488d7c2ed
commit f6bef563d2
15 changed files with 400 additions and 151 deletions
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "zy-player",
-  "version": "0.4.1",
+  "version": "0.5.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
@@ -19,7 +19,9 @@
    "view-design": "^4.0.2",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
-    "vuex": "^3.0.1"
+    "vuex": "^3.0.1",
+    "xgplayer": "^2.4.1",
+    "xgplayer-hls.js": "^2.1.6"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.12.0",
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,9 +4,9 @@
        <Sider class="sider" width="70"><ZYSider /></Sider>
        <Layout>
            <Header class="header"><ZYHeader /></Header>
-            <Content class="content">
+            <ZYContent class="content">
              <router-view />
-            </Content>
+            </ZYContent>
        </Layout>
    </Layout>
  </div>
@@ -15,6 +15,7 @@
 import { mapGetters, mapActions } from 'vuex'
 import ZYSider from '@/components/zy_sider.vue'
 import ZYHeader from '@/components/zy_header.vue'
+import ZYContent from '@/components/zy_content.vue'
 import setting from './plugin/nedb/setting'
 export default {
  name: 'app',
@@ -28,7 +29,8 @@ export default {
  },
  components: {
    ZYSider,
-    ZYHeader
+    ZYHeader,
+    ZYContent
  },
  methods: {
    ...mapActions([
@@ -63,5 +65,9 @@ html, body, #app, .box{
    height: 50px;
    padding: 0;
  }
+  .content{
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>
--- a/src/components/zy_content.vue
+++ b/src/components/zy_content.vue
@@ -1,5 +1,5 @@
 <template>
-  <Row></Row>
+  <router-view />
 </template>
 <script>
 export default {
--- a/src/components/zy_header.vue
+++ b/src/components/zy_header.vue
@@ -18,7 +18,11 @@ export default {
 </script>
 <style lang="scss" scoped>
 .header-box{
-  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 70px;
+  width: calc(100% - 70px);
+  height: 50px;
  -webkit-app-region: drag;
  -webkit-user-select: none;
  display: flex;
--- a/src/components/zy_sider.vue
+++ b/src/components/zy_sider.vue
@@ -2,8 +2,8 @@
  <Row class="sider-box">
    <div class="top">
      <Icon :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
-      <Icon :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
-      <Icon :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
+      <Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
+      <Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
      <Icon :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
    </div>
    <div class="bottom">
@@ -17,6 +17,9 @@ export default {
  computed: {
    iconActive () {
      return this.$store.getters.getIconActive
+    },
+    video () {
+      return this.$store.getters.getVideo
    }
  },
  methods: {
@@ -24,6 +27,9 @@ export default {
      this.$router.push({ name: e })
      this.$store.commit('SET_ICON_ACTIVE', e)
    }
+  },
+  created () {
+    console.log(this.video)
  }
 }
 </script>
--- a/src/store.js
+++ b/src/store.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import setting from '@/plugin/nedb/setting'
+import video from '@/plugin/nedb/video'

 Vue.use(Vuex)

@@ -11,8 +12,7 @@ export default new Vuex.Store({
      color: 'light'
    },
    iconActive: 'search',
-    video: {},
-    videoList: []
+    video: {}
  },
  getters: {
    getTheme: state => {
@@ -23,9 +23,6 @@ export default new Vuex.Store({
    },
    getVideo: state => {
      return state.video
-    },
-    getVideoList: state => {
-      return state.videoList
    }
  },
  mutations: {
@@ -37,9 +34,6 @@ export default new Vuex.Store({
    },
    SET_VIDEO: (state, payload) => {
      state.video = payload
-    },
-    SET_VIDEO_LIST: (state, payload) => {
-      state.videoList = payload
    }
  },
  actions: {
@@ -47,6 +41,11 @@ export default new Vuex.Store({
      setting.update(payload.id, { theme: payload.color }).then(res => {
        commit('SET_THEME', payload)
      })
+    },
+    saveVideo: ({ commit }, payload) => {
+      video.add(payload).then(res => {
+        console.log(res)
+      })
    }
  }
 })
--- a/src/util/util.666zy.js
+++ b/src/util/util.666zy.js
@@ -0,0 +1,94 @@
+import axios from 'axios'
+
+const haku = {
+  url: 'https://www.666zy.com',
+  getHtml (txt) {
+    return new Promise((resolve, reject) => {
+      const t = encodeURI(txt)
+      const d = `wd=${t}&submit=search`
+      axios({
+        url: this.url + '/index.php',
+        method: 'post',
+        params: { m: 'vod-search' },
+        data: d
+      }).then(res => {
+        resolve(this.getVideoInfo(res.data))
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  getVideoInfo (txt) {
+    return new Promise((resolve, reject) => {
+      const parser = new DOMParser()
+      let html = parser.parseFromString(txt, 'text/html')
+      let nameList = html.querySelectorAll('.xing_vb4 a')
+      let name = []
+      let detail = []
+      for (let i = 0; i < nameList.length; i++) {
+        name.push(nameList[i].innerText)
+        detail.push(this.url + nameList[i].getAttribute('href'))
+      }
+      let categoryList = html.querySelectorAll('.xing_vb5 a')
+      let category = []
+      for (let i = 0; i < categoryList.length; i++) {
+        category.push(categoryList[i].innerText)
+      }
+      let timeList = html.querySelectorAll('.xing_vb6')
+      let time = []
+      for (let i = 0; i < timeList.length; i++) {
+        time.push(timeList[i].innerText)
+      }
+      let data = []
+      for (let i = 0; i < name.length; i++) {
+        let d = {}
+        d.name = name[i]
+        d.detail = detail[i]
+        d.category = category[i]
+        d.time = time[i]
+        d.index = 0
+        d.urls = []
+        d.check = false
+        data.push(d)
+      }
+      resolve(data)
+    })
+  },
+  getDetail (url) {
+    return new Promise((resolve, reject) => {
+      axios({
+        url: url,
+        method: 'get'
+      }).then(res => {
+        resolve(this.getUrls(res.data))
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  getUrls (txt) {
+    return new Promise((resolve, reject) => {
+      const parser = new DOMParser()
+      let html = parser.parseFromString(txt, 'text/html')
+      let data = {
+        box: null,
+        info: null,
+        urls: []
+      }
+      data.box = html.querySelector('.vodBox').innerHTML
+      data.info = html.querySelector('.vodplayinfo').innerHTML
+      let url = html.querySelectorAll('.vodplayinfo a')
+      let arr = []
+      for (let i in url) {
+        let j = url[i].innerHTML
+        if (j !== undefined && j.indexOf('.m3u8') !== -1) {
+          arr.push(url[i].innerHTML)
+        }
+      }
+      data.urls = arr
+      resolve(data)
+    })
+  }
+}
+
+export default haku
--- a/src/util/util.detail.js
+++ b/src/util/util.detail.js
@@ -1,41 +0,0 @@
-// import Axios from "axios"
-import axios from 'axios'
-const detail = {
-  getList (url) {
-    return new Promise((resolve, reject) => {
-      axios({
-        url: url,
-        method: 'get'
-      }).then(res => {
-        resolve(this.parser(res.data))
-      }).catch(err => {
-        reject(err)
-      })
-    })
-  },
-  parser (txt) {
-    return new Promise((resolve, reject) => {
-      const parser = new DOMParser()
-      let html = parser.parseFromString(txt, 'text/html')
-      let data = {
-        box: null,
-        info: null,
-        m3u8: null
-      }
-      data.box = html.querySelector('.vodBox').innerHTML
-      data.info = html.querySelector('.vodplayinfo').innerHTML
-      let url = html.querySelectorAll('.vodplayinfo a')
-      let arr = []
-      for (let i in url) {
-        let j = url[i].innerHTML
-        if (j !== undefined && j.indexOf('.m3u8') !== -1) {
-          arr.push(url[i].innerHTML)
-        }
-      }
-      data.m3u8 = arr
-      resolve(data)
-    })
-  }
-}
-
-export default detail
--- a/src/util/util.video.js
+++ b/src/util/util.video.js
@@ -1,53 +0,0 @@
-// import Axios from "axios"
-import axios from 'axios'
-const video = {
-  getList (url, txt) {
-    return new Promise((resolve, reject) => {
-      const t = encodeURI(txt)
-      const d = `wd=${t}&submit=search`
-      axios({
-        url: url,
-        method: 'post',
-        params: { m: 'vod-search' },
-        data: d
-      }).then(res => {
-        resolve(this.parser(url, res.data))
-      })
-    })
-  },
-  parser (url, txt) {
-    return new Promise((resolve, reject) => {
-      const parser = new DOMParser()
-      let html = parser.parseFromString(txt, 'text/html')
-      let data = []
-      let name = []
-      let detail = []
-      let category = []
-      let time = []
-      let nameList = html.querySelectorAll('.xing_vb4 a')
-      for (let i = 0; i < nameList.length; i++) {
-        name.push(nameList[i].innerText)
-        detail.push(url + nameList[i].getAttribute('href'))
-      }
-      let typeList = html.querySelectorAll('.xing_vb5 a')
-      for (let i = 0; i < typeList.length; i++) {
-        category.push(typeList[i].innerText)
-      }
-      let timeList = html.querySelectorAll('.xing_vb6')
-      for (let i = 0; i < timeList.length; i++) {
-        time.push(timeList[i].innerText)
-      }
-      for (let i = 0; i < name.length; i++) {
-        let d = {}
-        d.name = name[i]
-        d.detail = detail[i]
-        d.category = category[i]
-        d.time = time[i]
-        data.push(d)
-      }
-      resolve(data)
-    })
-  }
-}
-
-export default video
--- a/src/views/Collection.vue
+++ b/src/views/Collection.vue
@@ -54,7 +54,9 @@ export default {
      })
    },
    play (e) {
-      console.log(e)
+      this.$router.push({ name: 'play' })
+      this.$store.commit('SET_ICON_ACTIVE', 'play')
+      this.$store.commit('SET_VIDEO', e)
    },
    detailShow (e) {
      this.$store.commit('SET_ICON_ACTIVE', 'detail')
--- a/src/views/Detail.vue
+++ b/src/views/Detail.vue
@@ -3,12 +3,12 @@
    <div v-show="box" class="detail-box" v-html="data.box"></div>
    <div v-show="box" class="detail-box" v-html="data.info"></div>
    <div v-show="box" class="detail-box">
-      <Button v-for="(i, j) in data.m3u8" :key="j" @click="playBtn(i, j, video)">{{i | ftLink}}</Button>
+      <Button v-for="(i, j) in data.urls" :key="j" @click="playBtn(i, j, video)">{{i | ftLink}}</Button>
    </div>
  </div>
 </template>
 <script>
-import detail from '@/util/util.detail'
+import haku from '@/util/util.666zy'
 import { mapMutations } from 'vuex'
 export default {
  name: 'detail',
@@ -35,18 +35,21 @@ export default {
  },
  methods: {
    ...mapMutations([
-      'SET_VIDEO_LIST',
-      'SET_DETAIL'
+      'SET_VIDEO'
    ]),
    async getDetail () {
      this.box = false
      let url = this.video.detail
-      this.data = await detail.getList(url)
-      this.SET_VIDEO_LIST(this.data.m3u8)
+      this.data = await haku.getDetail(url)
+      this.video.urls = this.data.urls
+      this.video.check = true
      this.box = true
    },
    playBtn (i, j, e) {
-      console.log(i, j, e, 'playBtn')
+      this.video.index = j
+      this.$store.commit('SET_VIDEO', this.video)
+      this.$router.push({ name: 'play' })
+      this.$store.commit('SET_ICON_ACTIVE', 'play')
    }
  },
  created () {
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -1,19 +1,39 @@
 <template>
  <Row class="player">
-    <div class="title">{{ video.name }}</div>
-    <div class="box"></div>
-    <div class="list"></div>
-    {{video}}
+    <div class="title">{{ video.name }} -- {{ info }}</div>
+    <div class="playerBox" id="xg"></div>
+    <div class="list">
+      <Button v-for="(i, j) in video.urls" :key="j" @click="playBtn(i, j, video)">{{i | ftLink}}</Button>
+    </div>
  </Row>
 </template>
 <script>
-import detail from '@/util/util.detail'
+import 'xgplayer'
+import Hls from 'xgplayer-hls.js'
+import haku from '@/util/util.666zy'
 export default {
  name: 'player',
  data () {
    return {
      data: {},
-      url: null
+      url: null,
+      xg: null,
+      info: '',
+      config: {
+        id: 'xg',
+        url: null,
+        fluid: true,
+        autoplay: true,
+        keyShortcut: 'on',
+        defaultPlaybackRate: 1,
+        playbackRate: [0.5, 0.75, 1, 1.5, 2]
+      }
+    }
+  },
+  filters: {
+    ftLink (e) {
+      let name = e.split('$')[0]
+      return name
    }
  },
  computed: {
@@ -22,14 +42,62 @@ export default {
    }
  },
  methods: {
+    init () {
+      if (this.video.check) {
+        let url = this.video.urls[this.video.index].split('$')[1]
+        this.info = this.video.urls[this.video.index].split('$')[0]
+        this.$nextTick(() => {
+          this.playEvent(url)
+        })
+      } else {
+        this.getDetail()
+      }
+    },
    async getDetail () {
-      let url = this.video.detail
-      this.data = await detail.getList(url)
-      console.log(this.data.m3u8)
+      let d = this.video.detail
+      let index = this.video.index
+      this.data = await haku.getDetail(d)
+      let urls = this.data.urls
+      this.video.urls = urls
+      this.video.check = true
+      let playUrl = urls[index].split('$')[1]
+      this.info = urls[index].split('$')[0]
+      this.$nextTick(() => {
+        this.playEvent(playUrl)
+      })
+    },
+    playEvent (e) {
+      this.config.url = e
+      this.xg = new Hls(this.config)
+    },
+    playBtn (i, j, e) {
+      this.video.index = j
+      let url = this.video.urls[this.video.index].split('$')[1]
+      this.xg.src = url
    }
  },
  created () {
-    this.getDetail()
+    this.init()
  }
 }
 </script>
+<style lang="scss" scoped>
+.player{
+  padding: 10px;
+  .title{
+    margin-bottom: 8px;
+    font-size: 18px;
+  }
+  .playerBox{
+    width: 100%;
+    max-width: 600px;
+  }
+  .list{
+    margin-top: 10px;
+    button{
+      margin-right: 10px;
+      margin-bottom: 10px;
+    }
+  }
+}
+</style>
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -21,13 +21,14 @@
 </template>
 <script>
 import db from '@/plugin/nedb/video'
-import video from '@/util/util.video'
+import haku from '@/util/util.666zy'
+import { mapGetters } from 'vuex'
 export default {
  name: 'search',
  data () {
    return {
-      txt: '吸血鬼',
-      active: true,
+      txt: '',
+      active: false,
      percent: 0,
      columns: [
        {
@@ -57,10 +58,13 @@ export default {
      loading: true
    }
  },
+  computed: {
+    ...mapGetters(['getVideo'])
+  },
  methods: {
    async searchEvent () {
      if (this.txt !== '') {
-        this.data = await video.getList('http://www.666zy.com/', this.txt)
+        this.data = await haku.getHtml(this.txt)
        this.active = true
        this.loading = false
        this.percent = 20
@@ -71,19 +75,28 @@ export default {
      this.active = false
    },
    play (e) {
-      this.$router.push({ name: 'play' })
+      if (this.getVideo.detail !== e.detail) {
+        this.$store.commit('SET_VIDEO', e)
+      }
      this.$store.commit('SET_ICON_ACTIVE', 'play')
-      this.$store.commit('SET_VIDEO', e)
+      this.$router.push({ name: 'play' })
    },
-    collection (e) {
+    async collection (e) {
+      let d = await haku.getDetail(e.detail)
      let data = {
        category: e.category,
        detail: e.detail,
        name: e.name,
-        time: e.time
+        time: e.time,
+        type: 'single',
+        index: 0,
+        urls: [],
+        check: false
      }
+      data.urls = d.urls
+      data.check = true
+      this.$store.commit('SET_VIDEO', data)
      db.find({ detail: data.detail }).then(res => {
-        console.log(res, 'find')
        if (res.length >= 1) {
          this.$Notice.warning({
            title: '资源已存在',
@@ -91,7 +104,6 @@ export default {
          })
        } else {
          db.add(data).then(res => {
-            console.log(res, 'add')
            this.$Notice.success({
              title: '收藏成功',
              backgroud: true
@@ -105,9 +117,6 @@ export default {
      this.$store.commit('SET_ICON_ACTIVE', 'detail')
      this.$router.push({ name: 'detail' })
    }
-  },
-  created () {
-    this.searchEvent()
  }
 }
 </script>
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -2,7 +2,6 @@
  <Row>
    <Button type="primary" @click="changeTheme({ id: getTheme.id, color: 'light' })">light</Button>
    <Button type="primary" @click="changeTheme({ id: getTheme.id, color: 'dark' })">Dark</Button>
-    <Button type="primary" @click="add()">Add</Button>
  </Row>
 </template>
 <script>
--- a/yarn.lock
+++ b/yarn.lock
@@ -2233,7 +2233,7 @@ chalk@^1.1.3:
    strip-ansi "^3.0.0"
    supports-color "^2.0.0"

-chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.4.1, chalk@^2.4.2:
+chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
  version "2.4.2"
  resolved "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1573282949696&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
  integrity sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=
@@ -2525,7 +2525,7 @@ commander@2.17.x:
  resolved "https://registry.npm.taobao.org/commander/download/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
  integrity sha1-vXerfebelCBc6sxy8XFtKfIKd78=

-commander@^2.18.0, commander@^2.20.0:
+commander@^2.15.1, commander@^2.18.0, commander@^2.20.0:
  version "2.20.3"
  resolved "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
  integrity sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=
@@ -3036,6 +3036,21 @@ cyclist@^1.0.1:
  resolved "https://registry.npm.taobao.org/cyclist/download/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=

+d@1, d@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
+  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
+  dependencies:
+    es5-ext "^0.10.50"
+    type "^1.0.1"
+
+danmu.js@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/danmu.js/-/danmu.js-0.1.0.tgz#928fb297dc6598850cd06610dd6454a497748f6b"
+  integrity sha512-RRmDSbcrO8kvRJw0GsqdUk1fMhtzschsbSqZj1xop/kKeizNFuJ8BZTOZNNOH2g2sF3K6z2klJFT9ZT9F2EI2w==
+  dependencies:
+    event-emitter "^0.3.5"
+
 dashdash@^1.12.0:
  version "1.14.1"
  resolved "https://registry.npm.taobao.org/dashdash/download/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
@@ -3115,7 +3130,12 @@ deep-is@~0.1.3:
  resolved "https://registry.npm.taobao.org/deep-is/download/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=

-deepmerge@^1.5.2:
+deepmerge@2.0.1, deepmerge@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-2.0.1.tgz#25c1c24f110fb914f80001b925264dd77f3f4312"
+  integrity sha1-JcHCTxEPuRT4AAG5JSZN138/QxI=
+
+deepmerge@^1.5.0, deepmerge@^1.5.2:
  version "1.5.2"
  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
  integrity sha1-EEmdhohEza1P7ghC34x/bwyVp1M=
@@ -3125,11 +3145,6 @@ deepmerge@^2.2.1:
  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
  integrity sha1-XT/yKgHAD2RUBaL7wX0HeKGAEXA=

-deepmerge@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-2.0.1.tgz#25c1c24f110fb914f80001b925264dd77f3f4312"
-  integrity sha1-JcHCTxEPuRT4AAG5JSZN138/QxI=
-
 default-gateway@^4.2.0:
  version "4.2.0"
  resolved "https://registry.npm.taobao.org/default-gateway/download/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
@@ -3388,6 +3403,19 @@ dotenv@^8.0.0:
  resolved "https://registry.npm.taobao.org/dotenv/download/dotenv-8.2.0.tgz?cache=0&sync_timestamp=1571190685588&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdotenv%2Fdownload%2Fdotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
  integrity sha1-l+YZJZradQ7qPk6j4mvO6lQksWo=

+downloadjs@1.4.7:
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/downloadjs/-/downloadjs-1.4.7.tgz#f69f96f940e0d0553dac291139865a3cd0101e3c"
+  integrity sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw=
+
+draggabilly@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/draggabilly/-/draggabilly-2.2.0.tgz#9bac6849816c5cd4e4a59707f63f14ea7d863baf"
+  integrity sha512-SygXstYyzRgLcb7VGr03QYC7166wgoaUfBoA9y+hiI7Swkyct4NNFDrEmO6T4Sz35qo71j0QAmuTagUGcwxWbg==
+  dependencies:
+    get-size "^2.0.2"
+    unidragger "^2.3.0"
+
 duplexer3@^0.1.4:
  version "0.1.4"
  resolved "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
@@ -3627,11 +3655,37 @@ es-to-primitive@^1.2.1:
    is-date-object "^1.0.1"
    is-symbol "^1.0.2"

+es5-ext@^0.10.35, es5-ext@^0.10.50, es5-ext@~0.10.14:
+  version "0.10.53"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.53.tgz#93c5a3acfdbef275220ad72644ad02ee18368de1"
+  integrity sha512-Xs2Stw6NiNHWypzRTY1MtaG/uJlwCk8kH81920ma8mvN8Xq1gsfhZvpkImLQArw8AHnv8MT2I45J3c0R8slE+Q==
+  dependencies:
+    es6-iterator "~2.0.3"
+    es6-symbol "~3.1.3"
+    next-tick "~1.0.0"
+
 es6-error@^4.1.1:
  version "4.1.1"
  resolved "https://registry.npm.taobao.org/es6-error/download/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
  integrity sha1-njr0B0Wd7tR+mpH5uIWoTrBcVh0=

+es6-iterator@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
+  integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c=
+  dependencies:
+    d "1"
+    es5-ext "^0.10.35"
+    es6-symbol "^3.1.1"
+
+es6-symbol@^3.1.1, es6-symbol@~3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
+  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
+  dependencies:
+    d "^1.0.1"
+    ext "^1.1.2"
+
 escape-html@~1.0.3:
  version "1.0.3"
  resolved "https://registry.npm.taobao.org/escape-html/download/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -3914,6 +3968,19 @@ etag@~1.8.1:
  resolved "https://registry.npm.taobao.org/etag/download/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=

+ev-emitter@^1.0.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ev-emitter/-/ev-emitter-1.1.1.tgz#8f18b0ce5c76a5d18017f71c0a795c65b9138f2a"
+  integrity sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==
+
+event-emitter@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=
+  dependencies:
+    d "1"
+    es5-ext "~0.10.14"
+
 event-pubsub@4.3.0:
  version "4.3.0"
  resolved "https://registry.npm.taobao.org/event-pubsub/download/event-pubsub-4.3.0.tgz#f68d816bc29f1ec02c539dc58c8dd40ce72cb36e"
@@ -4048,6 +4115,13 @@ express@^4.16.3, express@^4.17.1:
    utils-merge "1.0.1"
    vary "~1.1.2"

+ext@^1.1.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/ext/-/ext-1.4.0.tgz#89ae7a07158f79d35517882904324077e4379244"
+  integrity sha512-Key5NIsUxdqKg3vIsdw9dSuXpPCQ297y6wBjL30edxwPgt2E44WcWBZey/ZvUc6sERLTxKdyCu4gZFmUbk1Q7A==
+  dependencies:
+    type "^2.0.0"
+
 extend-shallow@^2.0.1:
  version "2.0.1"
  resolved "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4426,6 +4500,15 @@ fs-extra@^4.0.1:
    jsonfile "^4.0.0"
    universalify "^0.1.0"

+fs-extra@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-5.0.0.tgz#414d0110cdd06705734d055652c5411260c31abd"
+  integrity sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
 fs-extra@^7.0.1:
  version "7.0.1"
  resolved "https://registry.npm.taobao.org/fs-extra/download/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
@@ -4520,6 +4603,11 @@ get-caller-file@^2.0.1:
  resolved "https://registry.npm.taobao.org/get-caller-file/download/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
  integrity sha1-T5RBKoLbMvNuOwuXQfipf+sDH34=

+get-size@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/get-size/-/get-size-2.0.3.tgz#54a1d0256b20ea7ac646516756202769941ad2ef"
+  integrity sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q==
+
 get-stdin@^4.0.1:
  version "4.0.1"
  resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
@@ -6473,6 +6561,11 @@ neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
  resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fneo-async%2Fdownload%2Fneo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
  integrity sha1-rCetpmFn+ohJpq3dg39rGJrSCBw=

+next-tick@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
+  integrity sha1-yobR/ogoFpsBICCOPchCS524NCw=
+
 nice-try@^1.0.4:
  version "1.0.5"
  resolved "https://registry.npm.taobao.org/nice-try/download/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -7084,6 +7177,11 @@ pascalcase@^0.1.1:
  resolved "https://registry.npm.taobao.org/pascalcase/download/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=

+pasition@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/pasition/-/pasition-1.0.3.tgz#133d6ed4ae7ebd819d29651491d53f74151273bd"
+  integrity sha512-hsUNLhS7e5uWGkTtgbxoHMzCUb0PeboQelyqPmpRkAk26AkKal0Z6JfYWhjIEhZHIYzJTfr6Aom/BpBPrZXHnA==
+
 path-browserify@0.0.1:
  version "0.0.1"
  resolved "https://registry.npm.taobao.org/path-browserify/download/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
@@ -8103,6 +8201,11 @@ repeating@^2.0.0:
  dependencies:
    is-finite "^1.0.0"

+request-frame@^1.5.3:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/request-frame/-/request-frame-1.5.3.tgz#813c3160d9b023583889aaa977389b68fcaa2e3d"
+  integrity sha1-gTwxYNmwI1g4iaqpdzibaPyqLj0=
+
 request-promise-core@1.1.3:
  version "1.1.3"
  resolved "https://registry.npm.taobao.org/request-promise-core/download/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
@@ -9474,6 +9577,16 @@ type-is@~1.6.17, type-is@~1.6.18:
    media-typer "0.3.0"
    mime-types "~2.1.24"

+type@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
+  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
+
+type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/type/-/type-2.0.0.tgz#5f16ff6ef2eb44f260494dae271033b29c09a9c3"
+  integrity sha512-KBt58xCHry4Cejnc2ISQAF7QY+ORngsWfxezO68+12hKV6lQY8P/psIkcbjeHWn7MqcgciWJyCCevFMJdIXpow==
+
 typedarray@^0.0.6:
  version "0.0.6"
  resolved "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -9515,6 +9628,13 @@ unicode-property-aliases-ecmascript@^1.0.4:
  resolved "https://registry.npm.taobao.org/unicode-property-aliases-ecmascript/download/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
  integrity sha1-qcxsx85joKMCP8meNBuUQx1AWlc=

+unidragger@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/unidragger/-/unidragger-2.3.0.tgz#ab9d9fd62106f3252d88fae5f3a99575e6d31d02"
+  integrity sha512-dVkSqQdwcsaNmXaandBAOcJ4QVvkrDPosfCcZ7opYPkAiisCQaGlNw0pg00lBV4MQoWEXsEaiwhtQlbnvlXrQQ==
+  dependencies:
+    unipointer "^2.3.0"
+
 union-value@^1.0.0:
  version "1.0.1"
  resolved "https://registry.npm.taobao.org/union-value/download/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -9525,6 +9645,13 @@ union-value@^1.0.0:
    is-extendable "^0.1.1"
    set-value "^2.0.1"

+unipointer@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/unipointer/-/unipointer-2.3.0.tgz#ba0dc462ce31c2a88e80810e19c3bae0ce47ed9f"
+  integrity sha512-m85sAoELCZhogI1owtJV3Dva7GxkHk2lI7A0otw3o0OwCuC/Q9gi7ehddigEYIAYbhkqNdri+dU1QQkrcBvirQ==
+  dependencies:
+    ev-emitter "^1.0.1"
+
 uniq@^1.0.1:
  version "1.0.1"
  resolved "https://registry.npm.taobao.org/uniq/download/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
@@ -10192,6 +10319,30 @@ xdg-basedir@^3.0.0:
  resolved "https://registry.npm.taobao.org/xdg-basedir/download/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=

+xgplayer-hls.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/xgplayer-hls.js/-/xgplayer-hls.js-2.1.6.tgz#1e969a77a7546114a5e1b4509e89401fe74536da"
+  integrity sha512-va/xmx0ES5oerbZ6bMVlXEw38Alz9dwEnvC0iwGOC6Kf543hv0ma/9qJ9JxWOPFsvAblmburT4rbAUxoMKGUDA==
+  dependencies:
+    deepmerge "2.0.1"
+    event-emitter "^0.3.5"
+
+xgplayer@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/xgplayer/-/xgplayer-2.4.1.tgz#12202a82d5a074627c793fe6c1b8e392faeb0e95"
+  integrity sha512-D7n8K2vrlgJuknu4a8SrCPFHjEEJzlwS7p8Jhd+SlN44d2Ek82FMKP2KJO+cDfKZ9I6MgqfTfXemO0odskqVDg==
+  dependencies:
+    chalk "^2.3.2"
+    commander "^2.15.1"
+    danmu.js "0.1.0"
+    deepmerge "^1.5.0"
+    downloadjs "1.4.7"
+    draggabilly "^2.2.0"
+    event-emitter "^0.3.5"
+    fs-extra "^5.0.0"
+    pasition "^1.0.1"
+    request-frame "^1.5.3"
+
 xtend@^4.0.0, xtend@~4.0.0, xtend@~4.0.1:
  version "4.0.2"
  resolved "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"