test 1

.env

@@ -0,0 +1 @@
+GH_TOKEN=0f8ce868776fa1af5908d0353cc175663908ff5f

AppVeyor.yml

@@ -0,0 +1,29 @@
+version: 0.1.{build}
+
+branches:
+  only:
+    - master
+
+image: Visual Studio 2017
+platform:
+  - x64
+
+cache:
+  - node_modules
+  - '%APPDATA%\npm-cache'
+  - '%USERPROFILE%\.electron'
+  - '%USERPROFILE%\AppData\Local\Yarn\cache'
+
+init:
+  - git config --global core.autocrlf input
+
+install:
+  - ps: Install-Product node 8 x64
+  - git reset --hard HEAD
+  - yarn
+  - node --version
+
+build_script:
+  - yarn run release
+
+test: off

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Hunlongyu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,4 +1,29 @@
-# evt
+# ZY-Player
+
+资源播放器, 提供影视资源的搜索,查看,播放,搜藏等功能.
+
+### 截图: 
+![001.png](https://i.loli.net/2020/01/08/Fs1VyNzBfAldajr.png)
+主界面 ⬆
+![002.png](https://i.loli.net/2020/01/08/MOiRmvG17STYbp4.png)
+搜索 ⬆
+![003.png](https://i.loli.net/2020/01/08/XzJm4HYdnOjMGqN.png)
+详情 ⬆
+![004.png](https://i.loli.net/2020/01/08/t6GWIOghBUAEZuD.png)
+播放 ⬆
+![005.png](https://i.loli.net/2020/01/08/kqhtTD8WoUsvdyw.png)
+搜藏 ⬆
+
+### 下载地址:
+
+蓝奏云: https://www.lanzous.com/i8jnk9e
+
+### 未完成:
+1. 主题: 暗黑主题
+2. 更新: 自动更新以及手动更新
+
+### 重要: 
+所有资源来自网上, 该软件不参与任何制作, 上传, 储存, 下载等内容. 该软件仅供学习参考, 请于安装后24小时内删除.
 
 ## Project setup
 ```

package.json

@@ -1,7 +1,7 @@
 {
   "name": "zy-player",
-  "version": "0.2.2",
-  "private": true,
+  "version": "0.6.3",
+  "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -9,7 +9,11 @@
     "electron:build": "vue-cli-service electron:build",
     "dev": "vue-cli-service electron:serve",
     "postinstall": "electron-builder install-app-deps",
-    "postuninstall": "electron-builder install-app-deps"
+    "postuninstall": "electron-builder install-app-deps",
+    "eb": "vue-cli-service electron:build -p always",
+    "patch": "npm version patch && git push origin master && git push origin --tags",
+    "minor": "npm version minor && git push origin master && git push origin --tags",
+    "major": "npm version major && git push origin master && git push origin --tags"
   },
   "main": "background.js",
   "dependencies": {
@@ -19,7 +23,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",
@@ -28,7 +34,8 @@
     "@vue/eslint-config-standard": "^4.0.0",
     "babel-eslint": "^10.0.1",
     "babel-plugin-import": "^1.13.0",
-    "electron": "7.1.2",
+    "electron": "7.1.7",
+    "electron-updater": "^4.2.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "sass": "^1.19.0",

public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>evt</title>
+    <title>ZY Player</title>
   </head>
   <body>
     <noscript>

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([
@@ -51,6 +53,7 @@ export default {
 </script>
 
 <style lang="scss">
+@import './assets/global/global.scss';
 @import './assets/theme/dark.scss';
 @import './assets/theme/light.scss';
 html, body, #app, .box{
@@ -62,5 +65,9 @@ html, body, #app, .box{
     height: 50px;
     padding: 0;
   }
+  .content{
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>

src/assets/global/global.scss

@@ -0,0 +1,50 @@
+.detail{
+  padding: 10px;
+  .detail-box{
+    border: 1px solid #ddd;
+    padding: 10px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    margin-bottom: 10px;
+    flex-wrap: wrap;
+    .vodImg{
+      width: 200px;
+      img{
+        width: 100%;
+        height: auto;
+      }
+    }
+    .vodInfo{
+      flex: 1;
+      overflow: hidden;
+      margin-left: 20px;
+      .vodh{
+        h2{
+          display: inline-block;
+        }
+        span{
+          font-size: 12px;
+          color: #999;
+          margin-left: 10px;
+        }
+        label{
+          font-size: 20px;
+          font-weight: bold;
+          color: #f90;
+          margin-left: 20px;
+        }
+      }
+      li{
+        list-style: none;
+        font-size: 12px;
+        color: #666;
+        height: 20px;
+        overflow: hidden;
+        a{
+          pointer-events: none;
+        }
+      }
+    }
+  }
+}

src/assets/theme/light.scss

@@ -43,12 +43,13 @@
       }
     }
     .search-bottom{
-      border-top: 1px solid #dcdee2;
-      .ivu-progress-bg{
-        background-color: #dcdee2;
-      }
-      span{
-        color: #808695;
+      border-top: 1px solid #f0f0f0;
+    }
+  }
+  .collection{
+    .ivu-table-cell{
+      button{
+        margin: 0 4px;
       }
     }
   }

src/background.js

@@ -4,6 +4,7 @@ import { app, protocol, ipcMain, BrowserWindow } from 'electron'
 import {
   createProtocol
 } from 'vue-cli-plugin-electron-builder/lib'
+import { autoUpdater } from 'electron-updater'
 
 const isDevelopment = process.env.NODE_ENV !== 'production'
 
@@ -17,8 +18,8 @@ protocol.registerSchemesAsPrivileged([{ scheme: 'app', privileges: { secure: tru
 function createWindow () {
   // Create the browser window.
   win = new BrowserWindow({
-    width: 1400,
-    height: 800,
+    width: 1080,
+    height: 720,
     frame: false,
     webPreferences: {
       webSecurity: false,
@@ -26,7 +27,6 @@ function createWindow () {
     }
   })
 
-  
   if (process.env.WEBPACK_DEV_SERVER_URL) {
     // Load the url of the dev server if in development mode
     win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
@@ -35,6 +35,7 @@ function createWindow () {
     createProtocol('app')
     // Load the index.html when not in development
     win.loadURL('app://./index.html')
+    autoUpdater.checkForUpdatesAndNotify()
   }
 
   win.on('closed', () => {

src/components/detail.vue

@@ -1,24 +0,0 @@
-<template>
-  <div class="detail">{{ video }}</div>
-</template>
-<script>
-export default {
-  name: 'detail',
-  computed: {
-    video () {
-      return this.$store.getters.getVideo
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.detail{
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 10;
-  background-color: #fff;
-}
-</style>

src/components/zy_content.vue

@@ -1,5 +1,5 @@
 <template>
-  <Row></Row>
+  <router-view />
 </template>
 <script>
 export default {

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;

src/components/zy_sider.vue

@@ -1,13 +1,13 @@
 <template>
   <Row class="sider-box">
     <div class="top">
-      <Icon :class="iconActive === 'list' ? 'active': ''" type="md-list" @click="iconClickEvent('list')"/>
-      <Icon :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
-      <Icon :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
-      <Icon :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
+      <Icon title="搜索" :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
+      <Icon title="详情" v-show="Object.keys(video).length !== 0" :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
+      <Icon title="播放" v-show="Object.keys(video).length !== 0" :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
+      <Icon title="收藏" :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
     </div>
     <div class="bottom">
-      <Icon :class="iconActive === 'settings' ? 'active': ''" type="md-settings" @click="iconClickEvent('settings')"/>
+      <Icon title="设置" :class="iconActive === 'settings' ? 'active': ''" type="md-settings" @click="iconClickEvent('settings')"/>
     </div>
   </Row>
 </template>
@@ -17,6 +17,9 @@ export default {
   computed: {
     iconActive () {
       return this.$store.getters.getIconActive
+    },
+    video () {
+      return this.$store.getters.getVideo
     }
   },
   methods: {

src/lib/sites.js

@@ -0,0 +1,29 @@
+const sites = [
+  {
+    id: 'okzy',
+    name: 'OK资源网',
+    url: 'https://www.okzy.co'
+  },
+  {
+    id: 'zuidazy',
+    name: '最大资源网',
+    url: 'http://www.zuidazy1.com'
+  },
+  {
+    id: 'subo',
+    name: '速播资源站',
+    url: 'https://www.subo988.com'
+  },
+  {
+    id: 'zuixinzy',
+    name: '最新资源网',
+    url: 'http://www.zuixinzy.cc'
+  },
+  {
+    id: '123ku',
+    name: '123资源网',
+    url: 'https://www.123ku.com'
+  }
+]
+
+export default sites

src/lib/util.zy.js

@@ -0,0 +1,94 @@
+import axios from 'axios'
+import sites from './sites'
+const zy = {
+  num: 0,
+  page: 1,
+  key: '',
+  site: {},
+  list: [],
+  getInfoRequire () {
+    return new Promise((resolve, reject) => {
+      const key = encodeURI(this.key)
+      const params = `${this.site.url}/index.php?m=vod-search-pg-${this.page}-wd-${key}.html`
+      axios.get(params).then(res => {
+        this.getInfoHtml(res.data).then(res => {
+          resolve(res)
+        })
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  getInfoHtml (txt) {
+    return new Promise((resolve, reject) => {
+      const parser = new DOMParser()
+      const html = parser.parseFromString(txt, 'text/html')
+      const list = html.querySelectorAll('.xing_vb li')
+      let d = {
+        list: [],
+        num: 0
+      }
+      for (let i = 1; i < list.length - 1; i++) {
+        let info = {
+          name: list[i].childNodes[1].innerText,
+          detail: this.site.url + list[i].childNodes[1].childNodes[0].getAttribute('href'),
+          category: list[i].childNodes[3].innerText,
+          time: list[i].childNodes[5].innerText,
+          index: 0,
+          urls: [],
+          check: false
+        }
+        d.list.push(info)
+      }
+      let num = html.querySelectorAll('.nvc dd span')[1].innerText
+      num = parseInt(num)
+      d.num = num
+      resolve(d)
+    })
+  },
+  info (n = 0, p = 1, k = null) {
+    return new Promise((resolve, reject) => {
+      this.page = p
+      this.key = k
+      this.num = n
+      this.site = sites[this.num]
+      this.getInfoRequire().then(res => {
+        resolve(res)
+      })
+    })
+  },
+  detail (url) {
+    return new Promise((resolve, reject) => {
+      axios.get(url).then(res => {
+        resolve(this.getDetailUrls(res.data))
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  getDetailUrls (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 urls = html.querySelectorAll('.vodplayinfo li')
+      let arr = []
+      for (let i in urls) {
+        let j = urls[i].innerText
+        if (j !== undefined && j.indexOf('.m3u8') !== -1) {
+          arr.push(urls[i].innerText)
+        }
+      }
+      data.urls = arr
+      resolve(data)
+    })
+  }
+}
+
+export default zy

src/plugin/iview/index.js

@@ -2,7 +2,8 @@ import Vue from 'vue'
 import 'view-design/dist/styles/iview.css'
 import {
   Layout, Sider, Header, Content, Row, Col,
-  Icon, Button, Input, Progress, Table
+  Icon, Button, Input, Select, Option, Table,
+  Message, Notice, Page
 } from 'view-design'
 
 Vue.component('Layout', Layout)
@@ -14,5 +15,13 @@ Vue.component('Col', Col)
 Vue.component('Icon', Icon)
 Vue.component('Button', Button)
 Vue.component('Input', Input)
-Vue.component('Progress', Progress)
+Vue.component('Select', Select)
+Vue.component('Option', Option)
 Vue.component('Table', Table)
+Vue.component('Page', Page)
+
+Vue.prototype.$Message = Message
+Vue.prototype.$Notice = Notice
+Vue.prototype.$Notice.config({
+  top: 60
+})

src/router.js

@@ -1,22 +1,22 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import List from './views/List.vue'
+import Search from './views/Search.vue'
 
 Vue.use(Router)
 
 export default new Router({
-  mode: 'history',
-  base: process.env.BASE_URL,
+  // mode: 'history',
+  // base: process.env.BASE_URL,
   routes: [
     {
       path: '/',
-      name: 'list',
-      component: List
+      name: 'search',
+      component: Search
     },
     {
-      path: '/search',
-      name: 'search',
-      component: () => import(/* webpackChunkName: "about" */ './views/Search.vue')
+      path: '/detail',
+      name: 'detail',
+      component: () => import(/* webpackChunkName: "about" */ './views/Detail.vue')
     },
     {
       path: '/settings',

src/store.js

@@ -6,6 +6,7 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
+    site: 0,
     theme: {
       id: '',
       color: 'light'
@@ -14,6 +15,9 @@ export default new Vuex.Store({
     video: {}
   },
   getters: {
+    getSite: state => {
+      return state.site
+    },
     getTheme: state => {
       return state.theme
     },
@@ -25,6 +29,9 @@ export default new Vuex.Store({
     }
   },
   mutations: {
+    SET_SITE: (state, payload) => {
+      state.site = payload
+    },
     SET_THEME: (state, payload) => {
       state.theme = payload
     },
@@ -36,13 +43,15 @@ export default new Vuex.Store({
     }
   },
   actions: {
-    addCollection: (payload) => {
-      // localStorage.collection = payload
-    },
     changeTheme: ({ commit }, payload) => {
       setting.update(payload.id, { theme: payload.color }).then(res => {
         commit('SET_THEME', payload)
       })
+    },
+    changeSite: ({ commit }, payload) => {
+      setting.update(payload.id, { site: payload.site }).then(res => {
+        commit('SET_SITE', payload)
+      })
     }
   }
 })

src/util/util.video.js

@@ -1,54 +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)
-      }
-      console.log(data)
-      resolve(data)
-    })
-  }
-}
-
-export default video

src/views/Collection.vue

@@ -1,8 +1,90 @@
 <template>
-  <Row class="collection">collection</Row>
+  <Row class="collection">
+    <div class="collectionBox">
+      <Table stripe :columns="columns" :data="data" :loading="loading">
+        <template slot-scope="{ row }" slot="action" >
+          <Button size="small" @click="play(row)">Play</Button>
+          <Button size="small" type="info" ghost @click="detailShow(row)">Detail</Button>
+          <Button size="small" type="error" ghost @click="deleteLi(row)">Delete</Button>
+        </template>
+      </Table>
+    </div>
+  </Row>
 </template>
 <script>
+import db from '@/plugin/nedb/video'
 export default {
-  name: 'collection'
+  name: 'collection',
+  data () {
+    return {
+      columns: [
+        {
+          title: 'Name',
+          key: 'name',
+          sortable: true
+        },
+        {
+          title: 'Category',
+          key: 'category',
+          width: 120,
+          align: 'center'
+        },
+        {
+          title: 'Time',
+          key: 'time',
+          width: 180,
+          align: 'center'
+        },
+        {
+          title: 'Action',
+          slot: 'action',
+          align: 'center',
+          width: 260
+        }
+      ],
+      data: [],
+      loading: false,
+      detail: false
+    }
+  },
+  methods: {
+    getList () {
+      db.find().then(res => {
+        this.data = res
+      })
+    },
+    play (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')
+      this.$store.commit('SET_VIDEO', e)
+      this.$router.push({ name: 'detail' })
+    },
+    deleteLi (e) {
+      db.remove(e._id).then(res => {
+        this.getList()
+      })
+    }
+  },
+  created () {
+    this.getList()
+  }
 }
 </script>
+<style lang="scss" scoped>
+.collection{
+  height: 100%;
+  position: relative;
+  .collectionBox{
+    position: absolute;
+    width: 100%;
+    top: 0px;
+    height: 100%;
+    overflow: scroll;
+    &::-webkit-scrollbar { display: none }
+  }
+}
+</style>

src/views/Detail.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="detail">
+    <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.urls" :key="j" @click="playBtn(i, j, video)">{{i | ftLink}}</Button>
+    </div>
+  </div>
+</template>
+<script>
+import zy from '@/lib/util.zy'
+import { mapMutations } from 'vuex'
+export default {
+  name: 'detail',
+  data () {
+    return {
+      data: {
+        box: null,
+        info: null,
+        m3u8: null
+      },
+      box: false
+    }
+  },
+  filters: {
+    ftLink (e) {
+      let name = e.split('$')[0]
+      return name
+    }
+  },
+  computed: {
+    video () {
+      return this.$store.getters.getVideo
+    }
+  },
+  methods: {
+    ...mapMutations([
+      'SET_VIDEO'
+    ]),
+    async getDetail () {
+      this.box = false
+      let url = this.video.detail
+      this.data = await zy.detail(url)
+      this.video.urls = this.data.urls
+      this.video.check = true
+      this.box = true
+    },
+    playBtn (i, j, e) {
+      this.video.index = j
+      this.$store.commit('SET_VIDEO', this.video)
+      this.$router.push({ name: 'play' })
+      this.$store.commit('SET_ICON_ACTIVE', 'play')
+    }
+  },
+  created () {
+    this.getDetail()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.detail{
+  .btns{
+    margin-bottom: 10px;
+  }
+  .detail-box{
+    button{
+      margin: 4px;
+    }
+  }
+}
+</style>

src/views/List.vue

@@ -1,10 +0,0 @@
-<template>
-  <Row>
-    <div class="list">list</div>
-  </Row>
-</template>
-<script>
-export default {
-  name: 'list'
-}
-</script>

src/views/Player.vue

@@ -1,13 +1,121 @@
 <template>
-  <Row class="player">{{video}}</Row>
+  <Row class="player">
+    <div class="title">{{ video.name }} -- {{ info }}</div>
+    <div class="playerBox">
+      <div id="xg"></div>
+    </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 'xgplayer'
+import Hls from 'xgplayer-hls.js'
+import zy from '@/lib/util.zy'
+// import haku from '@/lib/util.666zy'
 export default {
   name: 'player',
+  data () {
+    return {
+      data: {},
+      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: {
     video () {
       return this.$store.getters.getVideo
     }
+  },
+  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 d = this.video.detail
+      let index = this.video.index
+      this.data = await zy.detail(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.info = this.video.urls[this.video.index].split('$')[0]
+      this.xg.src = url
+    }
+  },
+  created () {
+    this.init()
+  },
+  destroyed () {
+    this.xg.destroy()
   }
 }
 </script>
+<style lang="scss" scoped>
+.player{
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  .title{
+    margin-bottom: 8px;
+    font-size: 18px;
+    text-align: left;
+    width: 800px;
+  }
+  .playerBox{
+    width: 100%;
+    max-width: 800px;
+    border: 1px solid #000;
+  }
+  .list{
+    margin-top: 10px;
+    width: 800px;
+    text-align: left;
+    button{
+      margin-right: 10px;
+      margin-bottom: 10px;
+    }
+  }
+}
+</style>

src/views/Search.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="search">
     <div :class="active ? 'search-top haveList': 'search-top'" >
-      <Input class="search-input" v-model.trim="txt" size="large" search placeholder="输入需要搜索的资源名称..." @on-search="searchEvent" @on-focus="searchFocus" />
+      <Input class="search-input" v-model.trim="txt" size="large" search placeholder="输入需要搜索的资源名称..." @on-search="searchEvent" clearable @on-clear="searchClear">
+        <Select slot="prepend" v-model="site" style="width: 120px;">
+          <Option v-for="(i, j) in sites" :key="j" :value="j">{{i.name}}</Option>
+        </Select>
+        <!-- eslint-disable-next-line -->
+      </Input>
     </div>
     <div class="search-middle" v-if="active">
       <Table stripe :columns="columns" :data="data" :loading="loading">
@@ -13,38 +18,38 @@
       </Table>
     </div>
     <div class="search-bottom" v-if="active">
-      <Progress class="progress" :percent="percent" status="active" :stroke-width="10">
-        <span class="progress-txt">搜索中</span>
-      </Progress>
+      <Page :total="num" :current.sync="page" :page-size="50" show-total @on-change="onChange" />
     </div>
-    <Detail v-if="show.detail" />
   </div>
 </template>
 <script>
-import video from '@/util/util.video'
-import Detail from '@/components/detail.vue'
+import db from '@/plugin/nedb/video'
+import zy from '@/lib/util.zy'
+import sites from '@/lib/sites'
+import { mapGetters, mapMutations } from 'vuex'
 export default {
   name: 'search',
   data () {
     return {
-      txt: '吸血鬼',
-      active: true,
-      percent: 0,
+      sites: sites,
+      txt: '',
+      active: false,
       columns: [
         {
           title: 'Name',
-          key: 'name'
+          key: 'name',
+          minWidth: 240
         },
         {
           title: 'Category',
           key: 'category',
-          width: 120,
+          width: 100,
           align: 'center'
         },
         {
           title: 'Time',
           key: 'time',
-          width: 180,
+          width: 110,
           align: 'center'
         },
         {
@@ -55,45 +60,94 @@ export default {
         }
       ],
       data: [],
-      loading: true,
-      show: {
-        detail: false
+      page: 1,
+      num: 0,
+      loading: true
+    }
+  },
+  computed: {
+    ...mapGetters(['getVideo']),
+    ...mapGetters({
+      getSite: 'getSite'
+    }),
+    site: {
+      get () {
+        return this.getSite
+      },
+      set (val) {
+        this.SET_SITE(val)
       }
     }
   },
-  components: {
-    Detail
-  },
   methods: {
+    ...mapMutations(['SET_SITE']),
     async searchEvent () {
       if (this.txt !== '') {
-        this.data = await video.getList('http://www.666zy.com/', this.txt)
         this.active = true
+        this.loading = true
+        this.page = 1
+        let z = await zy.info(this.site, this.page, this.txt)
+        this.data = z.list
+        this.num = z.num
         this.loading = false
-        this.percent = 20
       }
     },
-    searchFocus () {
+    searchClear () {
       this.txt = ''
       this.active = false
+      this.loading = true
+    },
+    async onChange () {
+      let z = await zy.info(this.site, this.page, this.txt)
+      this.data = z.list
+      this.num = z.num
     },
     play (e) {
-      console.log(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) {
-      this.$store.commit('SET_ICON_ACTIVE', 'collection')
-      this.$store.commit('SET_VIDEO', e)
+    async collection (e) {
+      let d = await zy.detail(e.detail)
+      let data = {
+        category: e.category,
+        detail: e.detail,
+        name: e.name,
+        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 => {
+        if (res.length >= 1) {
+          this.$Notice.warning({
+            title: '资源已存在',
+            backgroud: true
+          })
+        } else {
+          db.add(data).then(res => {
+            this.$Notice.success({
+              title: '收藏成功',
+              backgroud: true
+            })
+          })
+        }
+      })
     },
     detail (e) {
-      this.show.detail = true
       this.$store.commit('SET_VIDEO', e)
+      this.$store.commit('SET_ICON_ACTIVE', 'detail')
+      this.$router.push({ name: 'detail' })
     }
   },
   created () {
-    this.searchEvent()
+    // this.sites = sites
   }
 }
 </script>
@@ -138,7 +192,7 @@ export default {
     position: absolute;
     top: 60px;
     width: 100%;
-    height: calc(100% - 80px);
+    height: calc(100% - 120px);
     padding: 10px;
     overflow: scroll;
     &::-webkit-scrollbar { display: none }
@@ -157,18 +211,11 @@ export default {
     bottom: 0;
     left: 0;
     width: 100%;
-    height: 20px;
+    height: 60px;
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 0 10px;
-    .progress-txt{
-      font-size: 10px;
-      margin-left: 4px;
-    }
-    .progress{
-      width: 100%;
-    }
   }
 }
 </style>

src/views/Settings.vue

@@ -1,13 +1,29 @@
 <template>
-  <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 class="setting">
+    <div class="item about">
+      <div class="title">关于:</div>
+      <ul>
+        <li>作者: <a href="https://github.com/Hunlongyu">Hunlongyu</a></li>
+        <li>官网: <a href="https://zy_player.hunlongyu.fun">ZY Player</a></li>
+        <li>反馈: <a href="https://github.com/Hunlongyu/ZY-Player/issues">Issues</a></li>
+      </ul>
+    </div>
+    <div class="item upgrade">
+      <div class="title">更新:</div>
+      <div class="btns">版本: v0.6.3</div>
+      <div class="btns"><Button @click="checkUpgrade">检查更新</Button></div>
+    </div>
+    <div class="item theme">
+      <div class="title">主题:</div>
+      <div class="btns">
+        <Button @click="changeTheme({ id: getTheme.id, color: 'light' })">light</Button>
+        <Button @click="changeTheme({ id: getTheme.id, color: 'dark' })">Dark</Button>
+      </div>
+    </div>
   </Row>
 </template>
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import settingDB from '@/plugin/nedb/setting'
 export default {
   name: 'settings',
   computed: {
@@ -19,18 +35,28 @@ export default {
     ...mapActions([
       'changeTheme'
     ]),
-    add () {
-      let data = {
-        name: '冰雪奇缘',
-        detail: '1',
-        category: '动画片',
-        time: '20191206 12:12:45'
-      }
-      settingDB.add(data).then(res => {
-        console.log(res)
-      })
-    }
-  },
-  created () {}
+    checkUpgrade () {}
+  }
 }
 </script>
+<style lang="scss" scoped>
+.setting{
+  padding: 10px;
+  .item{
+    margin-bottom: 10px;
+    .title{
+      font-size: 16px;
+    }
+    ul{
+      margin-left: 10px;
+      list-style: none;
+    }
+    .btns{
+      margin-left: 10px;
+      button{
+        margin-right: 10px;
+      }
+    }
+  }
+}
+</style>

vue.config.js

@@ -1,6 +1,16 @@
 module.exports = {
   pluginOptions: {
     electronBuilder: {
+      builderOptions: {
+        win: {
+          icon: './public/app.ico'
+        },
+        mac: {
+          icon: './public/app.png'
+        },
+        productName: 'ZY Player',
+        publish: ['github']
+      },
       chainWebpackRendererProcess: config => {
         if (process.env.NODE_ENV === 'development') {
           config.plugins.delete('prefetch')

yarn.lock

@@ -821,6 +821,11 @@
   resolved "https://registry.npm.taobao.org/@types/q/download/@types/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha1-aQoUdbhPKohP0HzXl8APXzE1bqg=
 
+"@types/semver@^6.0.2":
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-6.2.0.tgz#d688d574400d96c5b0114968705366f431831e1a"
+  integrity sha512-1OzrNb4RuAzIT7wHSsgZRlMBlNsJl+do6UblR7JMW4oB7bbR+uBEYtUh7gEc/jM84GGilh68lSOokyM/zNUlBA==
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
@@ -2017,6 +2022,14 @@ builder-util-runtime@8.3.0:
     debug "^4.1.1"
     sax "^1.2.4"
 
+builder-util-runtime@8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.4.0.tgz#3163fffc078e6b8f3dd5b6eb12a8345573590682"
+  integrity sha512-CJB/eKfPf2vHrkmirF5eicVnbDCkMBbwd5tRYlTlgud16zFeqD7QmrVUAOEXdnsrcNkiLg9dbuUsQKtl/AwsYQ==
+  dependencies:
+    debug "^4.1.1"
+    sax "^1.2.4"
+
 builder-util@21.2.0, builder-util@~21.2.0:
   version "21.2.0"
   resolved "https://registry.npm.taobao.org/builder-util/download/builder-util-21.2.0.tgz#aba721190e4e841009d9fb4b88f1130ed616522f"
@@ -2233,7 +2246,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 +2538,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 +3049,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 +3143,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 +3158,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 +3416,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"
@@ -3438,8 +3479,8 @@ ejs@~2.5.6:
 
 electron-builder@^21.2.0:
   version "21.2.0"
-  resolved "https://registry.npm.taobao.org/electron-builder/download/electron-builder-21.2.0.tgz#b68ec4def713fc0b8602654ce842f972432f50c5"
-  integrity sha1-to7E3vcT/AuGAmVM6EL5ckMvUMU=
+  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-21.2.0.tgz#b68ec4def713fc0b8602654ce842f972432f50c5"
+  integrity sha512-x8EXrqFbAb2L3N22YlGar3dGh8vwptbB3ovo3OF6K7NTpcsmM2zEoJv7GhFyX73rNzSG2HaWpXwGAtOp2JWiEw==
   dependencies:
     app-builder-lib "21.2.0"
     bluebird-lst "^1.0.9"
@@ -3496,10 +3537,24 @@ electron-to-chromium@^1.3.306:
   resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.314.tgz#c186a499ed2c9057bce9eb8dca294d6d5450facc"
   integrity sha1-wYakme0skFe86euNyilNbVRQ+sw=
 
-electron@7.1.2:
-  version "7.1.2"
-  resolved "https://registry.npm.taobao.org/electron/download/electron-7.1.2.tgz?cache=0&sync_timestamp=1574308387471&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felectron%2Fdownload%2Felectron-7.1.2.tgz#d1726b9e50b29e97f5f12b52feb225ba87e0640f"
-  integrity sha1-0XJrnlCynpf18StS/rIluofgZA8=
+electron-updater@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-4.2.0.tgz#f9ecfc657f65ead737d42b9efecf628d3756b550"
+  integrity sha512-GuS3g7HDh17x/SaFjxjswlWUaKHczksYkV2Xc5CKj/bZH0YCvTSHtOmnBAdAmCk99u/71p3zP8f0jIqDfGcjww==
+  dependencies:
+    "@types/semver" "^6.0.2"
+    builder-util-runtime "8.4.0"
+    fs-extra "^8.1.0"
+    js-yaml "^3.13.1"
+    lazy-val "^1.0.4"
+    lodash.isequal "^4.5.0"
+    pako "^1.0.10"
+    semver "^6.3.0"
+
+electron@7.1.7:
+  version "7.1.7"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-7.1.7.tgz#520e2bc422e3dfd4bae166dd3be62101f2cbdc52"
+  integrity sha512-aCLJ4BJwnvOckJgovNul22AYlMFDzm4S4KqKCG2iBlFJyMHBxXAKFKMsgYd40LBZWS3hcY6RHpaYjHSAPLS1pw==
   dependencies:
     "@electron/get" "^1.0.1"
     "@types/node" "^12.0.12"
@@ -3627,11 +3682,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 +3995,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 +4142,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 +4527,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 +4630,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"
@@ -5959,6 +6074,11 @@ lodash.defaultsdeep@^4.6.1:
   resolved "https://registry.npm.taobao.org/lodash.defaultsdeep/download/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
   integrity sha1-US6b1yHSctlOPTpjZT+hdRZ0HKY=
 
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
+
 lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npm.taobao.org/lodash.kebabcase/download/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
@@ -6473,6 +6593,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"
@@ -6997,7 +7122,7 @@ package-json@^6.3.0:
     registry-url "^5.0.0"
     semver "^6.2.0"
 
-pako@~1.0.2, pako@~1.0.5:
+pako@^1.0.10, pako@~1.0.2, pako@~1.0.5:
   version "1.0.10"
   resolved "https://registry.npm.taobao.org/pako/download/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
   integrity sha1-Qyi621CGpCaqkPVBl31JVdpclzI=
@@ -7084,6 +7209,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 +8233,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 +9609,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 +9660,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 +9677,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 +10351,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"