Merge branch 'master' of https://github.com/Hunlongyu/ZY-Player

改进详情页面宽度
Install cheerio
2026-02-15 00:16:26 +08:00 · 2020-08-30 13:48:01 +02:00 · 2020-08-30 13:47:39 +02:00 · 2020-08-30 13:32:07 +02:00 · 2020-08-30 13:23:00 +02:00 · 2020-08-30 13:03:51 +02:00
53 changed files with 1990 additions and 493 deletions
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -1,26 +0,0 @@
-name: release-build
-
-on:
-  push:
-    branches: [ master ]
-
-jobs:
-  release:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      matrix:
-        os: [windows-latest, macos-latest, ubuntu-latest]
-
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 12
-
-      - run: |
-          yarn
-          yarn release
-        shell: pwsh
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
--- a/.github/workflows/x86.yml
+++ b/.github/workflows/x86.yml
@@ -3,7 +3,7 @@ name: release-build
 on:
  push:
    tags:
-      - x86 *
+      - x86-v*

 jobs:
  release:
--- a/README.md
+++ b/README.md
@@ -25,13 +25,15 @@

 # 目录
 - [特性](#特性)
-  - [全局快捷键](#全局快捷键)
+  - [重要](#重要)
+  - [快捷键](#快捷键)
  - [下载](#下载)
  - [赞助](#赞助)
  - [截图](#截图)
 - [开发向导](#开发向导)
 - [准备环境](#准备环境)
  - [nodejs安装](#nodejs安装)
+  - [yarn新一代包管理器安利](#yarn新一代包管理器安利)
  - [npm配置](#npm配置)
    - [翻墙代理设置](#翻墙代理设置)
    - [镜像源设置](#镜像源设置)
@@ -57,7 +59,10 @@

 觉得软件不错的, 点击右上角 star 收藏关注一波呀~

-#### 快捷键:
+## 重要
+从 V1.x 版本升级到 V2.x 版本, 需要重置软件, 由于数据库改动较大, 重置后收藏的资源会丢失. 重置功能在设置界面里.
+
+#### 快捷键

 播放窗口 和 Mini窗口

@@ -76,9 +81,9 @@

 #### 下载:

-1. [Github -- 官方下载(最新版)](https://github.com/Hunlongyu/ZY-Player/releases)
+1. [Github -- 官方下载](https://github.com/Hunlongyu/ZY-Player/releases)

-2. [蓝奏云 -- 快速下载(老版本)](https://www.lanzous.com/b04s6a3re) 密码:95px
+2. [蓝奏云 -- 快速下载](https://www.lanzous.com/b04s6a3re) 密码:95px

 3. 适用于32位操作系统的x86软件,在蓝奏云网盘里, 后缀名: ZY Player * 32位.exe

@@ -87,25 +92,24 @@

 #### 截图: 

-0. 分享 ⇣ ↓
-![share.gif](https://i.loli.net/2020/06/05/hbJwBXlx194umcO.gif)
-
 1. 浏览 ⇣ ↓
-![01浏览.png](https://i.loli.net/2020/05/18/MshDLnXq2CTpoBy.png)
+![海报.png](https://i.loli.net/2020/07/22/QDRqv9X1uWbVcpi.png)
+![列表.png](https://i.loli.net/2020/07/22/1Rnm6QDyPYWw9ec.png)
 2. 搜索 ⇣ ↓
-![02搜索.png](https://i.loli.net/2020/05/20/QgJqDkcjpeiRvBb.png)
+![搜索.png](https://i.loli.net/2020/07/22/qFdyYfc7iNxZXKT.png)
 3. 详情 ⇣ ↓
-![03详情.png](https://i.loli.net/2020/05/18/s7gUj6unEfyYb4Z.png)
+![详情.png](https://i.loli.net/2020/07/22/aPUwFHSXYKTn3dC.png)
 4. 播放 ⇣ ↓
-![04播放.png](https://i.loli.net/2020/05/18/WqgnOw3mHd6e5uU.png)
+![播放.png](https://i.loli.net/2020/07/22/xhWCRlOFKw52Vzi.png)
+![Mini.png](https://i.loli.net/2020/07/22/suf4bQkoP3gMORH.png)
 5. 收藏 ⇣ ↓
-![05收藏.png](https://i.loli.net/2020/05/18/bhIgeGMTPWmrdYi.png)
+![收藏.png](https://i.loli.net/2020/07/22/32THQIEqdo8YyS6.png)
 6. 白色主题皮肤 ⇣ ↓
-![06白色.png](https://i.loli.net/2020/05/18/UgiVZ89dhkuxDBI.png)
+![白色.png](https://i.loli.net/2020/07/22/ci9oAXC2SE4gqka.png)
 7. 绿色主题皮肤 ⇣ ↓
-![07绿色.png](https://i.loli.net/2020/05/18/4d2UnFRECm7vyJQ.png)
+![绿色.png](https://i.loli.net/2020/07/22/WOfDG5P8CR2cXju.png)
 8. 粉色色主题皮肤 ⇣ ↓
-![08粉色.png](https://i.loli.net/2020/05/18/PLlEfzd8mSC9vMW.png)
+![粉色.png](https://i.loli.net/2020/07/22/48euCatIfnZ6qX7.png)

 ### 重要: 
 所有资源来自网上, 该软件不参与任何制作, 上传, 储存, 下载等内容. 该软件仅供学习参考, 请于安装后24小时内删除.
@@ -119,6 +123,9 @@
 * [LINK1](https://nodejs.org/zh-cn/)
 * [LINK2](https://www.jianshu.com/p/13f45e24b1de/)

+#### yarn新一代包管理器安利
+最近管理员用[yarn](https://yarn.bootcss.com/)替换了npm，本人测试后表示非常好用。。连翻墙都不想要了，强烈推荐, 安装好使用yarn代理npm命令即可, [官网安装向导](https://yarn.bootcss.com/docs/install/)
+
 #### npm配置
 天朝的网络环境都有耳闻，想顺利开发，要么翻墙，要么镜像源，以下按照自己的水平二选一

--- a/docs/doc/404.html
+++ b/docs/doc/404.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>ZY PLAYER</title>
+    <meta name="generator" content="VuePress 1.5.2">
+    
+    <meta name="description" content="ZY PLAYER 文档">
+    <link rel="preload" href="/doc/assets/css/0.styles.7cdd3ee2.css" as="style"><link rel="preload" href="/doc/assets/js/app.441507e8.js" as="script"><link rel="preload" href="/doc/assets/js/4.023f7c55.js" as="script"><link rel="prefetch" href="/doc/assets/js/2.b7bb5685.js"><link rel="prefetch" href="/doc/assets/js/3.0958b336.js"><link rel="prefetch" href="/doc/assets/js/5.445cad31.js"><link rel="prefetch" href="/doc/assets/js/6.32cb0422.js"><link rel="prefetch" href="/doc/assets/js/7.e50f21bc.js"><link rel="prefetch" href="/doc/assets/js/8.d2479dad.js">
+    <link rel="stylesheet" href="/doc/assets/css/0.styles.7cdd3ee2.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/doc/" class="router-link-active">
+      Take me home.
+    </a></div></div><div class="global-ui"></div></div>
+    <script src="/doc/assets/js/app.441507e8.js" defer></script><script src="/doc/assets/js/4.023f7c55.js" defer></script>
+  </body>
+</html>
--- a/docs/doc/assets/css/0.styles.7cdd3ee2.css
+++ b/docs/doc/assets/css/0.styles.7cdd3ee2.css
--- a/docs/doc/assets/css/0.styles.a0babdbb.css
+++ b/docs/doc/assets/css/0.styles.a0babdbb.css
--- a/docs/doc/assets/img/search.83621669.svg
+++ b/docs/doc/assets/img/search.83621669.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>
--- a/docs/doc/assets/js/2.b7bb5685.js
+++ b/docs/doc/assets/js/2.b7bb5685.js
--- a/docs/doc/assets/js/3.0958b336.js
+++ b/docs/doc/assets/js/3.0958b336.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{317:function(t,e,n){},348:function(t,e,n){"use strict";var i=n(317);n.n(i).a},355:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(348),n(42)),a=Object(r.a)(i,void 0,void 0,!1,null,"50e657c5",null);e.default=a.exports}}]);
--- a/docs/doc/assets/js/3.4e0fa3d9.js
+++ b/docs/doc/assets/js/3.4e0fa3d9.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{317:function(t,e,n){},348:function(t,e,n){"use strict";var i=n(317);n.n(i).a},356:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(348),n(42)),a=Object(r.a)(i,void 0,void 0,!1,null,"50e657c5",null);e.default=a.exports}}]);
--- a/docs/doc/assets/js/4.023f7c55.js
+++ b/docs/doc/assets/js/4.023f7c55.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{350:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(42),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n      Take me home.\n    ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
--- a/docs/doc/assets/js/5.445cad31.js
+++ b/docs/doc/assets/js/5.445cad31.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{351:function(t,e,n){"use strict";n.r(e);var s=n(42),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);
--- a/docs/doc/assets/js/5.d90b4340.js
+++ b/docs/doc/assets/js/5.d90b4340.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{354:function(t,e,n){"use strict";n.r(e);var s=n(42),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);
--- a/docs/doc/assets/js/6.32cb0422.js
+++ b/docs/doc/assets/js/6.32cb0422.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{352:function(t,s,e){"use strict";e.r(s);var n=e(42),r=Object(n.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h2",{attrs:{id:"常见问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#常见问题"}},[this._v("#")]),this._v(" 常见问题")]),this._v(" "),s("ol",[s("li")])])}),[],!1,null,null,null);s.default=r.exports}}]);
--- a/docs/doc/assets/js/6.f276a306.js
+++ b/docs/doc/assets/js/6.f276a306.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{351:function(t,e,n){"use strict";n.r(e);var s=n(42),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);
--- a/docs/doc/assets/js/7.d3eb66c2.js
+++ b/docs/doc/assets/js/7.d3eb66c2.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{353:function(t,s,e){"use strict";e.r(s);var n=e(42),r=Object(n.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h2",{attrs:{id:"常见问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#常见问题"}},[this._v("#")]),this._v(" 常见问题")]),this._v(" "),s("ol",[s("li")])])}),[],!1,null,null,null);s.default=r.exports}}]);
--- a/docs/doc/assets/js/7.e50f21bc.js
+++ b/docs/doc/assets/js/7.e50f21bc.js
--- a/docs/doc/assets/js/8.d2479dad.js
+++ b/docs/doc/assets/js/8.d2479dad.js
--- a/docs/doc/assets/js/8.e8a88c5e.js
+++ b/docs/doc/assets/js/8.e8a88c5e.js
--- a/docs/doc/assets/js/9.10e938e4.js
+++ b/docs/doc/assets/js/9.10e938e4.js
--- a/docs/doc/assets/js/app.441507e8.js
+++ b/docs/doc/assets/js/app.441507e8.js
--- a/docs/doc/assets/js/app.bfbedbef.js
+++ b/docs/doc/assets/js/app.bfbedbef.js
--- a/docs/doc/index.html
+++ b/docs/doc/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>ZY PLAYER</title>
+    <meta name="generator" content="VuePress 1.5.2">
+    
+    <meta name="description" content="ZY PLAYER 文档">
+    <link rel="preload" href="/doc/assets/css/0.styles.7cdd3ee2.css" as="style"><link rel="preload" href="/doc/assets/js/app.441507e8.js" as="script"><link rel="preload" href="/doc/assets/js/2.b7bb5685.js" as="script"><link rel="preload" href="/doc/assets/js/5.445cad31.js" as="script"><link rel="prefetch" href="/doc/assets/js/3.0958b336.js"><link rel="prefetch" href="/doc/assets/js/4.023f7c55.js"><link rel="prefetch" href="/doc/assets/js/6.32cb0422.js"><link rel="prefetch" href="/doc/assets/js/7.e50f21bc.js"><link rel="prefetch" href="/doc/assets/js/8.d2479dad.js">
+    <link rel="stylesheet" href="/doc/assets/css/0.styles.7cdd3ee2.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">ZY PLAYER</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+  主页
+</a></div><div class="nav-item"><a href="/doc/sites/" class="nav-link">
+  管理源
+</a></div><div class="nav-item"><a href="/doc/shortcut/" class="nav-link">
+  快捷键
+</a></div><div class="nav-item"><a href="/doc/question/" class="nav-link">
+  常见问题
+</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/doc/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+  主页
+</a></div><div class="nav-item"><a href="/doc/sites/" class="nav-link">
+  管理源
+</a></div><div class="nav-item"><a href="/doc/shortcut/" class="nav-link">
+  快捷键
+</a></div><div class="nav-item"><a href="/doc/question/" class="nav-link">
+  常见问题
+</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Home</span> <!----></p> <!----></section></li></ul> </aside> <main aria-labelledby="main-title" class="home"><header class="hero"><!----> <h1 id="main-title">
+      ZY PLAYER
+    </h1> <p class="description">
+      ZY PLAYER 文档
+    </p> <p class="action"><a href="/doc/sites/" class="nav-link action-button">
+  开始阅读
+</a></p></header> <div class="features"><div class="feature"><h2>管理源</h2> <p>导入, 导出, 编辑源</p></div><div class="feature"><h2>快捷键</h2> <p>导入, 导出, 编辑快捷键</p></div><div class="feature"><h2>常见问题问答</h2> <p>一些常见问题问答</p></div></div> <div class="theme-default-content custom content__default"></div> <div class="footer">
+    MIT Licensed | Copyright  © 2020 Hunlongyu
+  </div></main></div><div class="global-ui"></div></div>
+    <script src="/doc/assets/js/app.441507e8.js" defer></script><script src="/doc/assets/js/2.b7bb5685.js" defer></script><script src="/doc/assets/js/5.445cad31.js" defer></script>
+  </body>
+</html>
--- a/docs/doc/question/index.html
+++ b/docs/doc/question/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>常见问题 | ZY PLAYER</title>
+    <meta name="generator" content="VuePress 1.5.2">
+    
+    <meta name="description" content="ZY PLAYER 文档">
+    <link rel="preload" href="/doc/assets/css/0.styles.7cdd3ee2.css" as="style"><link rel="preload" href="/doc/assets/js/app.441507e8.js" as="script"><link rel="preload" href="/doc/assets/js/2.b7bb5685.js" as="script"><link rel="preload" href="/doc/assets/js/6.32cb0422.js" as="script"><link rel="prefetch" href="/doc/assets/js/3.0958b336.js"><link rel="prefetch" href="/doc/assets/js/4.023f7c55.js"><link rel="prefetch" href="/doc/assets/js/5.445cad31.js"><link rel="prefetch" href="/doc/assets/js/7.e50f21bc.js"><link rel="prefetch" href="/doc/assets/js/8.d2479dad.js">
+    <link rel="stylesheet" href="/doc/assets/css/0.styles.7cdd3ee2.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><!----> <span class="site-name">ZY PLAYER</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">
+  主页
+</a></div><div class="nav-item"><a href="/doc/sites/" class="nav-link">
+  管理源
+</a></div><div class="nav-item"><a href="/doc/shortcut/" class="nav-link">
+  快捷键
+</a></div><div class="nav-item"><a href="/doc/question/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+  常见问题
+</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/doc/" class="nav-link">
+  主页
+</a></div><div class="nav-item"><a href="/doc/sites/" class="nav-link">
+  管理源
+</a></div><div class="nav-item"><a href="/doc/shortcut/" class="nav-link">
+  快捷键
+</a></div><div class="nav-item"><a href="/doc/question/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
+  常见问题
+</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>常见问题</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/question/#常见问题" class="sidebar-link">常见问题</a><ul class="sidebar-sub-headers"></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="常见问题"><a href="#常见问题" class="header-anchor">#</a> 常见问题</h2> <ol><li></li></ol></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
+    <script src="/doc/assets/js/app.441507e8.js" defer></script><script src="/doc/assets/js/2.b7bb5685.js" defer></script><script src="/doc/assets/js/6.32cb0422.js" defer></script>
+  </body>
+</html>
--- a/docs/doc/shortcut/index.html
+++ b/docs/doc/shortcut/index.html
--- a/docs/doc/sites/index.html
+++ b/docs/doc/sites/index.html
--- a/docs/index.html
+++ b/docs/index.html
@@ -50,6 +50,7 @@
      <nav class="nav-menu d-none d-lg-block">
        <ul>
          <li class="active"><a href="#header">Home</a></li>
+          <li><a href="http://zyplayer.fun/doc/">文档</a></li>
          <li><a href="#features">特色</a></li>
          <li><a href="#gallery">截图</a></li>
          <li><a href="#faq">常见问题</a></li>
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "zy",
-  "version": "1.1.3",
+  "version": "2.4.5",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
@@ -18,6 +18,8 @@
  "main": "background.js",
  "dependencies": {
    "axios": "^0.19.2",
+    "cheerio": "^1.0.0-rc.3",
+    "child_process": "^1.0.2",
    "core-js": "^3.6.5",
    "cors": "^2.8.5",
    "dexie": "^3.0.1",
@@ -33,7 +35,7 @@
    "vue-infinite-loading": "^2.4.5",
    "vue-waterfall-plugin": "^1.0.7",
    "vuex": "^3.4.0",
-    "xgplayer": "^2.9.8",
+    "xgplayer": "^2.9.10",
    "xgplayer-hls.js": "^2.2.3"
  },
  "devDependencies": {
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,6 +6,7 @@
      <Film v-show="view === 'Film'" />
      <Play v-show="view === 'Play'" />
      <Star v-show="view === 'Star'" />
+      <History v-show="view === 'History'" />
      <Setting v-show="view === 'Setting'" />
    </div>
    <transition name="slide">
@@ -59,7 +60,7 @@ export default {
@import './assets/scss/theme.scss';
 html, body, #app{
  height: 100%;
-  border-radius: 6px;
+  border-radius: 0px;
 }
 #app {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -78,16 +78,45 @@
    }
  }
 }
-
+.zy-checkbox{
+  position: relative;
+  display: flex;
+  width: 200px;
+  height: 30px;
+  vertical-align: middle;
+  align-items: center;
+  .search-all-check-input{
+    cursor: pointer;
+  }
+}
+.zy-highlighted{
+  color: var(--highlight-color);
+}
 // table
 .zy-table{
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 15px;
+  .tHeader{
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    height: 50px;
+    min-height: 50px;
+    width: 100%;
+    border-bottom: 1px solid;
+    .btn{
+      user-select: none;
+      margin-right: 15px;
+      cursor: pointer;
+      font-size: 14px;
+    }
+  }
  .tBody{
    flex: 1;
    border-bottom: 1px solid;
+    overflow: auto;
    ul{
      list-style: none;
      padding: 0;
@@ -102,41 +131,42 @@
        cursor: pointer;
        span{
          display: flex;
-          width: 180px;
          font-size: 13px;
          height: 50px;
          line-height: 50px;
+          overflow: hidden;
+          margin-right: 5px;
          &.name{
            flex: 1;
-            padding-left: 15px;
-            overflow: hidden;
-            text-overflow: ellipsis;
+            min-width: 100px;
            white-space: nowrap;
-          }
-          &.note{
-            width: 180px;
+            margin-left: 10px;
          }
          &.type{
-            width: 120px;
-          }
-          &.last{
-            width: 160px;
+            width: 10%;
          }
          &.time{
-            width: 60px;
+            width: 10%;
          }
-          &.from{
-            width: 120px;
+          &.last{
+            width: 10%;
+          }
+          &.site{
+            width: 10%;
+          }
+          &.note{
+            width: 10%;
          }
          &.operate{
-            width: 170px;
+            .btn{
+              width: 40px;
+            }
          }
        }
      }
    }
  }
 }
-
 // scroll
 .zy-scroll{
  &::-webkit-scrollbar{
@@ -152,7 +182,6 @@
    position: absolute;
  }
 }
-
 // loading
 .zy-loading{
  width: 100%;
--- a/src/assets/scss/theme.scss
+++ b/src/assets/scss/theme.scss
@@ -1,4 +1,6 @@
 :root{
+  // general
+  --highlight-color: #38dd77;
  // light
  --l-c-0: #823aa0;
  --l-c-1: #823aa011;
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -32,8 +32,20 @@
      }
    }
  }
+  .zy-checkbox{
+    color: var(--d-fc-1);
+    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+  }
  .zy-table{
    color: var(--d-fc-2);
+    .tHeader{
+      border-bottom-color: var(--d-c-3);
+      .btn{
+        &:hover{
+          color: var(--d-fc-3)
+        }
+      }
+    }
    .tBody{
      border-bottom-color: var(--d-c-3);
      ul{
@@ -101,6 +113,9 @@
      &.close{
        background-color: #ff5f56;
      }
+      &.top{
+        background-color: #f3bab7;
+      }
    }
  }
  .detail{
@@ -166,6 +181,11 @@
    box-shadow: var(--d-bsc);
    .title{
      color: var(--d-fc-1);
+      .right {
+        svg {
+          fill: var(--d-fc-1);
+        }
+      }
    }
    .box{
      .more{
@@ -189,6 +209,10 @@
              fill: var(--d-c-3);
            }
          }
+          &.last-tip {
+            color: var(--d-fc-1);
+            font-size: 14px;
+          }
        }
      }
    }
@@ -218,6 +242,9 @@
              background-color: var(--d-c-2);
              color: var(--d-fc-3);
            }
+            &:hover{
+              background-color: var(--d-c-3);
+            }
          }
        }
        .list-history{
@@ -263,7 +290,7 @@
        }
      }
    }
-    .view, .shortcut, .site{
+    .view, .search, .shortcut, .site{
      .title{
        color: var(--d-fc-1);
      }
@@ -313,4 +340,8 @@
      background-color: var(--d-bgc-1);
    }
  }
+  .history{
+    background-color: var(--d-bgc-1);
+    box-shadow: var(--d-bsc);
+  }
 }
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -32,8 +32,19 @@
      }
    }
  }
+  .zy-checkbox{
+    color: var(--g-fc-1);
+  }
  .zy-table{
    color: var(--g-fc-2);
+    .tHeader{
+      border-bottom-color: var(--g-c-3);
+      .btn{
+        &:hover{
+          color: var(--g-fc-3)
+        }
+      }
+    }
    .tBody{
      border-bottom-color: var(--g-c-3);
      ul{
@@ -101,6 +112,9 @@
      &.close{
        background-color: #ff5f56;
      }
+      &.top{
+        background-color: #f3bab7;
+      }
    }
  }
  .detail{
@@ -166,6 +180,11 @@
    box-shadow: var(--g-bsc);
    .title{
      color: var(--g-fc-1);
+      .right {
+        svg {
+          fill: var(--g-fc-1);
+        }
+      }
    }
    .box{
      .more{
@@ -189,6 +208,10 @@
              fill: var(--g-c-3);
            }
          }
+          &.last-tip {
+            color: var(--g-fc-1);
+            font-size: 14px;
+          }
        }
      }
    }
@@ -218,6 +241,9 @@
              background-color: var(--g-c-2);
              color: var(--g-fc-3);
            }
+            &:hover{
+              background-color: var(--d-c-3);
+            }
          }
        }
        .list-history{
@@ -263,7 +289,7 @@
        }
      }
    }
-    .view, .shortcut, .site{
+    .view, .search, .shortcut, .site{
      .title{
        color: var(--g-fc-1);
      }
@@ -313,4 +339,8 @@
      background-color: var(--g-bgc-1);
    }
  }
+  .history{
+    background-color: var(--g-bgc-1);
+    box-shadow: var(--g-bsc);
+  }
 }
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -32,8 +32,19 @@
      }
    }
  }
+  .zy-checkbox{
+    color: var(--l-fc-1);
+  }
  .zy-table{
    color: var(--l-fc-2);
+    .tHeader{
+      border-bottom-color: var(--l-c-3);
+      .btn{
+        &:hover{
+          color: var(--l-fc-3)
+        }
+      }
+    }
    .tBody{
      border-bottom-color: var(--l-c-3);
      ul{
@@ -101,6 +112,9 @@
      &.close{
        background-color: #ff5f56;
      }
+      &.top{
+        background-color: #f3bab7;
+      }
    }
  }
  .detail{
@@ -166,6 +180,11 @@
    box-shadow: var(--l-bsc);
    .title{
      color: var(--l-fc-1);
+      .right {
+        svg {
+          fill: var(--l-fc-1);
+        }
+      }
    }
    .box{
      .more{
@@ -189,6 +208,10 @@
              fill: var(--l-c-3);
            }
          }
+          &.last-tip {
+            color: var(--l-fc-1);
+            font-size: 14px;
+          }
        }
      }
    }
@@ -218,6 +241,9 @@
              background-color: var(--l-c-2);
              color: var(--l-fc-3);
            }
+            &:hover{
+              background-color: var(--d-c-3);
+            }
          }
        }
        .list-history{
@@ -263,7 +289,7 @@
        }
      }
    }
-    .view, .shortcut, .site{
+    .view, .search, .shortcut, .site{
      .title{
        color: var(--l-fc-1);
      }
@@ -313,4 +339,8 @@
      background-color: var(--l-bgc-1);
    }
  }
+  .history{
+    background-color: var(--l-bgc-1);
+    box-shadow: var(--l-bsc);
+  }
 }
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -32,8 +32,19 @@
      }
    }
  }
+  .zy-checkbox{
+    color: var(--p-fc-1);
+  }
  .zy-table{
    color: var(--p-fc-2);
+    .tHeader{
+      border-bottom-color: var(--p-c-3);
+      .btn{
+        &:hover{
+          color: var(--p-fc-3)
+        }
+      }
+    }
    .tBody{
      border-bottom-color: var(--p-c-3);
      ul{
@@ -101,6 +112,9 @@
      &.close{
        background-color: #ff5f56;
      }
+      &.top{
+        background-color: #f3bab7;
+      }
    }
  }
  .detail{
@@ -166,6 +180,11 @@
    box-shadow: var(--p-bsc);
    .title{
      color: var(--p-fc-1);
+      .right {
+        svg {
+          fill: var(--p-fc-1);
+        }
+      }
    }
    .box{
      .more{
@@ -189,6 +208,10 @@
              fill: var(--p-c-3);
            }
          }
+          &.last-tip {
+            color: var(--p-fc-1);
+            font-size: 14px;
+          }
        }
      }
    }
@@ -218,6 +241,9 @@
              background-color: var(--p-c-2);
              color: var(--p-fc-3);
            }
+            &:hover{
+              background-color: var(--d-c-3);
+            }
          }
        }
        .list-history{
@@ -263,7 +289,7 @@
        }
      }
    }
-    .view, .shortcut, .site{
+    .view, .search, .shortcut, .site{
      .title{
        color: var(--p-fc-1);
      }
@@ -313,4 +339,8 @@
      background-color: var(--p-bgc-1);
    }
  }
+  .history{
+    background-color: var(--p-bgc-1);
+    box-shadow: var(--p-bsc);
+  }
 }
--- a/src/background.js
+++ b/src/background.js
@@ -6,6 +6,9 @@ import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
 const isDevelopment = process.env.NODE_ENV !== 'production'

+// 允许跨域
+app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors')
+
 let win
 let mini

@@ -122,7 +125,6 @@ if (!gotTheLock) {
  })
 }

-
 if (isDevelopment) {
  if (process.platform === 'win32') {
    process.on('message', data => {
--- a/src/components/Aside.vue
+++ b/src/components/Aside.vue
@@ -26,6 +26,13 @@
        <path d="M12,21 L10.55,19.7051771 C5.4,15.1242507 2,12.1029973 2,8.39509537 C2,5.37384196 4.42,3 7.5,3 C9.24,3 10.91,3.79455041 12,5.05013624 C13.09,3.79455041 14.76,3 16.5,3 C19.58,3 22,5.37384196 22,8.39509537 C22,12.1029973 18.6,15.1242507 13.45,19.7149864 L12,21 Z"></path>
      </svg>
    </span>
+    <span :class="[view === 'History' ? 'active ': ''] + 'zy-svg'" @click="changeView('History')">
+          <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="timeIconTitle">
+            <title id="timeIconTitle">历史记录</title>
+            <circle cx="12" cy="12" r="10"></circle>
+            <polyline points="12 5 12 12 16 16"></polyline>
+          </svg>
+    </span>
    <span :class="[view === 'Setting' ? 'active ': ''] + 'zy-svg'" @click="changeView('Setting')">
      <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-labelledby="settingsIconTitle">
        <title id="settingsIconTitle">setting</title>
@@ -47,12 +54,24 @@ export default {
      set (val) {
        this.SET_VIEW(val)
      }
+    },
+    detail: {
+      get () {
+        return this.$store.getters.getDetail
+      },
+      set (val) {
+        this.SET_DETAIL(val)
+      }
    }
  },
  methods: {
-    ...mapMutations(['SET_VIEW']),
+    ...mapMutations(['SET_VIEW', 'SET_DETAIL']),
    changeView (e) {
      this.view = e
+      // ChangeView 的时候关闭Detail页面
+      this.detail = {
+        show: false
+      }
    }
  }
 }
--- a/src/components/Detail.vue
+++ b/src/components/Detail.vue
@@ -25,6 +25,7 @@
            <div class="year" v-show="info.year">上映: {{info.year}}</div>
            <div class="last" v-show="info.last">更新: {{info.last}}</div>
            <div class="note" v-show="info.note">备注: {{info.note}}</div>
+            <div class="rate" v-show="info.rate">豆瓣评分: {{info.rate}}</div>
          </div>
        </div>
        <div class="operate">
@@ -32,6 +33,7 @@
          <span @click="starEvent">收藏</span>
          <span @click="downloadEvent">下载</span>
          <span @click="shareEvent">分享</span>
+          <span @click="doubanLinkEvent">豆瓣</span>
        </div>
        <div class="desc" v-show="info.des">{{info.des}}</div>
        <div class="m3u8">
@@ -121,9 +123,9 @@ export default {
    playEvent (n) {
      history.find({ site: this.detail.key, ids: this.detail.info.id }).then(res => {
        if (res) {
-          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: n } }
+          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: n, site: this.detail.site } }
        } else {
-          this.video = { key: this.detail.key, info: { id: this.detail.info.id, name: this.detail.info.name, index: n } }
+          this.video = { key: this.detail.key, info: { id: this.detail.info.id, name: this.detail.info.name, index: n, site: this.detail.site } }
        }
      })

@@ -131,18 +133,21 @@ export default {
      this.detail.show = false
    },
    starEvent () {
-      star.find({ site: this.detail.key, ids: this.info.id }).then(res => {
+      star.find({ key: this.detail.key, ids: this.info.id }).then(res => {
+        const docs = {
+          key: this.detail.key,
+          ids: this.info.id,
+          name: this.info.name,
+          type: this.info.type,
+          year: this.info.year,
+          last: this.info.last,
+          note: this.info.note
+        }
        if (res) {
-          this.$message.info('已存在')
+          star.update(res.id, docs).then(res => {
+            this.$message.success('已存在，更新成功')
+          })
        } else {
-          const docs = {
-            site: this.detail.key,
-            ids: this.info.id,
-            name: this.info.name,
-            type: this.info.type,
-            year: this.info.year,
-            last: this.info.last
-          }
          star.add(docs).then(res => {
            this.$message.success('收藏成功')
          })
@@ -153,11 +158,11 @@ export default {
    },
    downloadEvent () {
      zy.download(this.detail.key, this.info.id).then(res => {
-        if (res) {
+        if (res && res.dl && res.dl.dd) {
          const text = res.dl.dd._t
          if (text) {
            const list = text.split('#')
-            let downloadUrl = ''
+            let downloadUrl = res.name + '\n'
            for (const i of list) {
              const url = encodeURI(i.split('$')[1])
              downloadUrl += (url + '\n')
@@ -169,7 +174,7 @@ export default {
          }
        } else {
          const list = [...this.m3u8List]
-          let downloadUrl = ''
+          let downloadUrl = this.detail.info.name + '\n'
          for (const i of list) {
            const url = encodeURI(i.split('$')[1])
            downloadUrl += (url + '\n')
@@ -186,12 +191,72 @@ export default {
        info: this.detail.info
      }
    },
+    doubanLinkEvent () {
+      const open = require('open')
+      const axios = require('axios')
+      const cheerio = require('cheerio')
+      const name = this.detail.info.name.trim()
+      // 豆瓣搜索链接
+      var doubanSearchLink = 'https://www.douban.com/search?q=' + name
+      var link = doubanSearchLink
+      axios.get(doubanSearchLink).then(res => {
+        const $ = cheerio.load(res.data)
+        // 比较第一和第二豆瓣搜索结果, 如果名字相符， 就打开该链接，否则打开搜索页面
+        var nameInDouban = $($('div.result')[0]).find('div>div>h3>a').first()
+        if (name.replace(/\s/g, '') === nameInDouban.text().replace(/\s/g, '')) {
+          link = nameInDouban.attr('href')
+        } else {
+          nameInDouban = $($('div.result')[1]).find('div>div>h3>a').first()
+          if (name.replace(/\s/g, '') === nameInDouban.text().replace(/\s/g, '')) {
+            link = nameInDouban.attr('href')
+          }
+        }
+        open(link)
+      })
+    },
+    getDoubanRate () {
+      const axios = require('axios')
+      const cheerio = require('cheerio')
+      const name = this.detail.info.name.trim()
+      // 豆瓣搜索链接
+      var doubanSearchLink = 'https://www.douban.com/search?q=' + name
+      axios.get(doubanSearchLink).then(res => {
+        const $ = cheerio.load(res.data)
+        // 比较第一和第二给豆瓣搜索结果, 看名字是否相符
+        var link = ''
+        var nameInDouban = $($('div.result')[0]).find('div>div>h3>a').first()
+        if (name.replace(/\s/g, '') === nameInDouban.text().replace(/\s/g, '')) {
+          link = nameInDouban.attr('href')
+        } else {
+          nameInDouban = $($('div.result')[1]).find('div>div>h3>a').first()
+          if (name.replace(/\s/g, '') === nameInDouban.text().replace(/\s/g, '')) {
+            link = nameInDouban.attr('href')
+          }
+        }
+        // 如果找到链接，就打开该链接获取评分
+        if (link) {
+          axios.get(link).then(response => {
+            const parsedHtml = cheerio.load(response.data)
+            var rating = parsedHtml('body').find('#interest_sectl').first().find('strong').first()
+            if (rating.text()) {
+              this.info.rate = rating.text()
+            } else {
+              this.info.rate = '暂无评分'
+            }
+          })
+        } else {
+          this.info.rate = '暂无评分'
+        }
+      })
+    },
    getDetailInfo () {
      const id = this.detail.info.ids || this.detail.info.id
      zy.detail(this.detail.key, id).then(res => {
        if (res) {
          this.info = res
+          this.$set(this.info, 'rate', '')
          this.m3u8Parse(res)
+          this.getDoubanRate()
          this.loading = false
        }
      })
@@ -205,9 +270,10 @@ export default {
 <style lang="scss" scoped>
 .detail{
  position: absolute;
-  left: 0;
+  left: 80px;
+  right: 20px;
  bottom: 0;
-  width: 100%;
+  width: calc(100% - 100px);
  height: calc(100% - 40px);
  z-index: 888;
  .detail-content{
@@ -262,6 +328,11 @@ export default {
          font-size: 14px;
          line-height: 26px;
        }
+        .rate{
+          font-size: 16px;
+          line-height: 26px;
+          font-weight: bolder;
+        }
      }
    }
    .operate{
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -9,7 +9,7 @@
          </ul>
        </div>
      </div>
-      <div class="zy-select" @mouseleave="show.classList = false" v-if="show.class">
+      <div class="zy-select" @mouseleave="show.classList = false" v-show="show.class">
        <div class="vs-placeholder" @click="show.classList = true">{{type.name}}</div>
        <div class="vs-options" v-show="show.classList">
          <ul class="zy-scroll" style="max-height: 600px;">
@@ -18,61 +18,88 @@
        </div>
      </div>
      <div class="zy-select" @mouseleave="show.search = false">
-        <div class="vs-input" @click="show.search = true"><input v-model.trim="searchTxt" type="text" placeholder="搜索" @keyup.enter="searchEvent"></div>
+        <div class="vs-input" @click="show.search = true"><input v-model.trim="searchTxt" type="text" placeholder="搜索" @keyup.enter="searchEvent(searchTxt)"></div>
        <div class="vs-options" v-show="show.search">
          <ul class="zy-scroll" style="max-height: 600px">
-            <li v-for="(i, j) in searchList" :key="j" @click="searchClickEvent(i)">{{i.keywords}}</li>
-            <li @click="clearSearch">清空历史记录</li>
+            <li v-for="(i, j) in searchList" :key="j" @click="searchEvent(i.keywords)">{{i.keywords}}</li>
+            <li v-show="searchList.length >= 1" @click="clearSearch">清空历史记录</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="body zy-scroll" infinite-wrapper>
-      <div class="show-img" v-if="show.img">
-        <Waterfall :list="list" :gutter="20" :width="240"
-        :breakpoints="{ 1200: { rowPerView: 4 } }"
-        animationEffect="fadeInUp"
-        backgroundColor="rgba(0, 0, 0, 0)"
-        ref="waterfall">
-          <template slot="item" slot-scope="props">
-            <div class="card">
-              <div class="img">
-                <img style="width: 100%" :src="props.data.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
-                <div class="operate">
-                  <div class="operate-wrap">
-                    <span class="o-play" @click="playEvent(props.data)">播放</span>
-                    <span class="o-star" @click="starEvent(props.data)">收藏</span>
-                    <span class="o-share" @click="shareEvent(props.data)">分享</span>
+      <div class="body-box" v-show="!show.find">
+        <div class="show-img" v-if="setting.view === 'picture'">
+          <Waterfall ref="waterfall" :list="list" :gutter="20" :width="240"
+          :breakpoints="{ 1200: { rowPerView: 4 } }"
+          animationEffect="fadeInUp"
+          backgroundColor="rgba(0, 0, 0, 0)">
+            <template slot="item" slot-scope="props">
+              <div class="card">
+                <div class="img">
+                  <img style="width: 100%" :src="props.data.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(site, props.data)">
+                  <div class="operate">
+                    <div class="operate-wrap">
+                      <span class="o-play" @click="playEvent(site, props.data)">播放</span>
+                      <span class="o-star" @click="starEvent(site, props.data)">收藏</span>
+                      <span class="o-share" @click="shareEvent(site, props.data)">分享</span>
+                    </div>
                  </div>
                </div>
+                <div class="name" @click="detailEvent(site, props.data)">{{props.data.name}}</div>
+                <div class="info">
+                  <span>{{props.data.year}}</span>
+                  <span>{{props.data.note}}</span>
+                  <span>{{props.data.type}}</span>
+                </div>
              </div>
-              <div class="name" @click="detailEvent(props.data)">{{props.data.name}}</div>
-              <div class="info">
-                <span>{{props.data.year}}</span>
-                <span>{{props.data.type}}</span>
-              </div>
+            </template>
+          </Waterfall>
+          <infinite-loading force-use-infinite-wrapper :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
+        </div>
+        <div class="show-table" v-if="setting.view === 'table'">
+          <div class="zy-table">
+            <div class="tBody">
+              <ul>
+                <li v-for="(i, j) in list" :key="j" @click="detailEvent(site, i)">
+                  <span class="name">{{i.name}}</span>
+                  <span class="type">{{i.type}}</span>
+                  <span class="time">{{i.year}}</span>
+                  <span class="time">{{i.note}}</span>
+                  <span class="last">{{i.last}}</span>
+                  <span class="operate">
+                    <span class="btn" @click.stop="playEvent(site, i)">播放</span>
+                    <span class="btn" @click.stop="starEvent(site, i)">收藏</span>
+                    <span class="btn" @click.stop="shareEvent(site, i)">分享</span>
+                    <span class="btn" @click.stop="downloadEvent(site, i)">下载</span>
+                  </span>
+                </li>
+              </ul>
+              <infinite-loading force-use-infinite-wrapper="tBody" :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
            </div>
-          </template>
-        </Waterfall>
-        <infinite-loading force-use-infinite-wrapper :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
+          </div>
+        </div>
      </div>
-      <div class="show-table" v-if="!show.img">
-        <div class="zy-table">
-          <div class="tBody">
-            <ul>
-              <li v-for="(i, j) in list" :key="j" @click="detailEvent(i)">
-                <span class="name">{{i.name}}</span>
-                <span class="type">{{i.type}}</span>
-                <span class="time">{{i.year}}</span>
-                <span class="last">{{i.last}}</span>
-                <span class="operate">
-                  <span class="btn" @click.stop="playEvent(i)">播放</span>
-                  <span class="btn" @click.stop="starEvent(i)">收藏</span>
-                  <span class="btn" @click.stop="shareEvent(i)">分享</span>
-                </span>
-              </li>
-            </ul>
-            <infinite-loading force-use-infinite-wrapper="tBody" :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
+      <div class="body-box" v-show="show.find">
+        <div class="show-table">
+          <div class="zy-table">
+            <div class="tBody zy-scroll">
+              <ul>
+                <li v-for="(i, j) in searchContents" :key="j" @click="detailEvent(i.site, i)">
+                  <span class="name">{{i.name}}</span>
+                  <span class="type">{{i.type}}</span>
+                  <span class="last">{{i.last}}</span>
+                  <span class="site">{{i.site.name}}</span>
+                  <span class="note">{{i.note}}</span>
+                  <span class="operate">
+                    <span class="btn" @click.stop="playEvent(i.site, i)">播放</span>
+                    <span class="btn" @click.stop="starEvent(i.site, i)">收藏</span>
+                    <span class="btn" @click.stop="shareEvent(i.site, i)">分享</span>
+                    <span class="btn" @click.stop="downloadEvent(i.site, i)">下载</span>
+                  </span>
+                </li>
+              </ul>
+            </div>
          </div>
        </div>
      </div>
@@ -85,6 +112,7 @@ import { star, history, search, sites } from '../lib/dexie'
 import zy from '../lib/site/tools'
 import Waterfall from 'vue-waterfall-plugin'
 import InfiniteLoading from 'vue-infinite-loading'
+const { clipboard } = require('electron')
 export default {
  name: 'film',
  data () {
@@ -95,7 +123,9 @@ export default {
        class: false,
        classList: false,
        search: false,
-        img: true
+        img: true,
+        table: false,
+        find: false
      },
      sites: [],
      site: {},
@@ -104,9 +134,9 @@ export default {
      pagecount: 0,
      list: [],
      infiniteId: +new Date(),
-      refresh: 0,
      searchList: [],
-      searchTxt: ''
+      searchTxt: '',
+      searchContents: []
    }
  },
  components: {
@@ -151,17 +181,17 @@ export default {
    }
  },
  watch: {
-    setting: {
-      handler () {
-        this.changeSetting()
-      },
-      deep: true
-    },
    view () {
      this.changeView()
    },
    searchTxt () {
      this.searchChangeEvent()
+    },
+    'setting.site': {
+      handler (nv) {
+        this.getAllsites(nv)
+      },
+      deep: true
    }
  },
  methods: {
@@ -170,8 +200,9 @@ export default {
      this.list = []
      this.site = e
      this.show.site = false
+      this.show.class = false
      if (this.searchTxt.length > 0) {
-        this.searchEvent()
+        this.searchSingleSiteEvent(this.site, this.searchTxt)
      } else {
        this.classList = []
        this.type = {}
@@ -197,10 +228,11 @@ export default {
      return new Promise((resolve, reject) => {
        const key = this.site.key
        zy.class(key).then(res => {
-          this.classList = res.class
+          var allClass = [{ name: '最新', tid: 0 }].concat(res.class)
+          this.classList = allClass
          this.show.class = true
          this.pagecount = res.pagecount
-          this.type = { name: '最新', tid: 0 }
+          this.type = this.classList[0]
          resolve(true)
        }).catch(err => {
          reject(err)
@@ -232,9 +264,14 @@ export default {
        if (res) {
          this.pagecount -= 1
          const type = Object.prototype.toString.call(res)
+          if (type === '[object Undefined]') {
+            $state.complete()
+          }
          if (type === '[object Array]') {
-            this.list.push(...res)
-          } else {
+            // zy.list 返回的是按时间从旧到新排列, 我门需要翻转为从新到旧
+            this.list.push(...res.reverse())
+          }
+          if (type === '[object Object]') {
            this.list.push(res)
          }
          $state.loaded()
@@ -243,35 +280,37 @@ export default {
        }
      })
    },
-    detailEvent (e) {
+    detailEvent (site, e) {
      this.detail = {
        show: true,
-        key: this.site.key,
+        key: site.key,
+        site: site,
        info: e
      }
    },
-    playEvent (e) {
-      history.find({ site: this.site.key, ids: e.id }).then(res => {
+    playEvent (site, e) {
+      history.find({ site: site.key, ids: e.id }).then(res => {
        if (res) {
-          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: res.index } }
+          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: res.index, site: site } }
        } else {
-          this.video = { key: this.site.key, info: { id: e.id, name: e.name, index: 0 } }
+          this.video = { key: site.key, info: { id: e.id, name: e.name, index: 0, site: site } }
        }
      })
      this.view = 'Play'
    },
-    starEvent (e) {
-      star.find({ site: this.site.key, ids: e.id }).then(res => {
+    starEvent (site, e) {
+      star.find({ key: site.key, ids: e.id }).then(res => {
        if (res) {
          this.$message.info('已存在')
        } else {
          const docs = {
-            site: this.site.key,
+            key: site.key,
            ids: e.id,
            name: e.name,
            type: e.type,
            year: e.year,
-            last: e.last
+            last: e.last,
+            note: e.note
          }
          star.add(docs).then(res => {
            this.$message.success('收藏成功')
@@ -281,24 +320,61 @@ export default {
        this.$message.warning('收藏失败')
      })
    },
-    shareEvent (e) {
+    shareEvent (site, e) {
      this.share = {
        show: true,
-        key: this.site.key,
+        key: site.key,
        info: e
      }
    },
-    changeSetting () {
-      this.list = []
-      this.setting.view === 'picture' ? this.show.img = true : this.show.img = false
-      this.refresh++
+    downloadEvent (site, e) {
+      zy.download(site.key, e.id).then(res => {
+        if (res && res.length > 0 && res.dl && res.dl.dd) {
+          const text = res.dl.dd._t
+          if (text) {
+            const list = text.split('#')
+            let downloadUrl = res.name + '\n'
+            for (const i of list) {
+              const url = encodeURI(i.split('$')[1])
+              downloadUrl += (url + '\n')
+            }
+            clipboard.writeText(downloadUrl)
+            this.$message.success('『MP4』格式的链接已复制, 快去下载吧!')
+          } else {
+            this.$message.warning('没有查询到下载链接.')
+          }
+        } else {
+          let m3u8List = []
+          const dd = res.dl.dd
+          const type = Object.prototype.toString.call(dd)
+          if (type === '[object Array]') {
+            for (const i of dd) {
+              if (i._flag.indexOf('m3u8') >= 0) {
+                m3u8List = i._t.split('#')
+              }
+            }
+          } else {
+            m3u8List = dd._t.split('#')
+          }
+          let downloadUrl = e.name + '\n'
+          for (const i of m3u8List) {
+            const url = encodeURI(i.split('$')[1])
+            downloadUrl += (url + '\n')
+          }
+          clipboard.writeText(downloadUrl)
+          this.$message.success('『M3U8』格式的链接已复制, 快去下载吧!')
+        }
+      })
    },
    changeView () {
-      if (this.refresh >= 1) {
-        this.$refs.waterfall.refresh()
+      if (this.view === 'Film') {
+        if (this.show.img) {
+          this.$refs.waterfall.refresh()
+        }
        this.getPage().then(() => {
          this.infiniteId += 1
-          this.refresh = 0
+          if (this.show.img || this.show.table) {
+          }
        })
      }
    },
@@ -307,11 +383,12 @@ export default {
        this.searchList = res.reverse()
      })
    },
-    searchEvent () {
-      const wd = this.searchTxt
-      this.list = []
+    searchAllSitesEvent (sites, wd) {
+      this.searchTxt = wd
+      this.searchContents = []
      this.pagecount = 0
      this.show.search = false
+      this.show.find = true
      if (wd) {
        search.find({ keywords: wd }).then(res => {
          if (!res) {
@@ -319,25 +396,44 @@ export default {
          }
          this.getAllSearch()
        })
-        zy.search(this.site.key, wd).then(res => {
-          this.list = res
-        })
+        sites.forEach(site =>
+          zy.search(site.key, wd).then(res => {
+            const type = Object.prototype.toString.call(res)
+            if (type === '[object Undefined]') {
+              this.$message.info(site.name + ' 无搜索结果')
+            }
+            if (type === '[object Array]') {
+              res.forEach(element => {
+                element.site = site
+                this.searchContents.push(element)
+              })
+            }
+            if (type === '[object Object]') {
+              res.site = site
+              this.searchContents.push(res)
+            }
+          })
+        )
      } else {
-        this.$message.warning('请输入关键字')
+        this.show.find = false
+        this.getClass().then(res => {
+          if (res) {
+            this.infiniteId += 1
+          }
+        })
      }
    },
-    searchClickEvent (e) {
-      this.list = []
-      this.pagecount = 0
-      this.searchTxt = e.keywords
-      this.show.search = false
-      search.remove(e.id).then(res => {
-        search.add({ keywords: e.keywords })
-        this.getAllSearch()
-      })
-      zy.search(this.site.key, e.keywords).then(res => {
-        this.list = res
-      })
+    searchEvent (wd) {
+      if (this.setting.searchAllSites) {
+        this.searchAllSitesEvent(this.sites, wd)
+      } else {
+        this.searchSingleSiteEvent(this.site, wd)
+      }
+    },
+    searchSingleSiteEvent (site, wd) {
+      var sites = []
+      sites.push(this.site)
+      this.searchAllSitesEvent(sites, wd)
    },
    clearSearch () {
      search.clear().then(res => {
@@ -349,18 +445,35 @@ export default {
        this.show.class = false
      } else {
        this.show.class = true
+        this.searchContents = []
+        this.show.find = false
+        if (this.show.img) {
+          this.$refs.waterfall.refresh()
+        }
      }
    },
-    getAllsites () {
-      sites.all().then(res => {
-        this.sites = res
-        this.site = this.sites[0]
-        this.siteClick(this.site)
-      })
+    getAllsites (nv) {
+      if (nv) {
+        sites.all().then(res => {
+          this.sites = res
+          for (const i of res) {
+            if (i.key === nv) {
+              this.site = i
+              this.siteClick(this.site)
+              return false
+            }
+          }
+        })
+      } else {
+        sites.all().then(res => {
+          this.sites = res
+          this.site = this.sites[0]
+          this.siteClick(this.site)
+        })
+      }
    }
  },
  created () {
-    this.getAllsites()
    this.getAllSearch()
  }
 }
@@ -397,6 +510,10 @@ export default {
      border-radius: 10px;
      position: absolute;
    }
+    .body-box{
+      height: 100%;
+      width: 100%;
+    }
    .show-img{
      height: 100%;
      width: 100%;
--- a/src/components/Frame.vue
+++ b/src/components/Frame.vue
@@ -1,14 +1,29 @@
 <template>
  <div class="frame">
-    <span class="min" @click="frameClickEvent('min')"></span>
-    <span class="max" @click="frameClickEvent('max')"></span>
-    <span class="close" @click="frameClickEvent('close')"></span>
+    <span class="top" @click="frameClickEvent('top')" title="置顶">
+      <svg t="1595919317571" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1188" style="width:10px;height:14px"><path d="M43.072 974.72l380.864-301.952 151.936 161.6c0 0 63.424 17.28 67.328-30.72l-3.904-163.584 225.088-259.648 98.048-5.696c0 0 76.928-15.488 21.184-82.752l-275.072-276.928c0 0-74.944-9.6-69.248 59.584l0 75.008L383.552 367.104 225.856 376.64c0 0-57.728 19.2-36.608 69.248l148.16 146.176L43.072 974.72 43.072 974.72z" p-id="1189" :fill="isAlwaysOnTop ? '#555555' : '#ffffff'"></path></svg>
+    </span>
+    <span class="min" @click="frameClickEvent('min')" title="最小化">
+      <svg t="1595917239849" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1155" style="width:8px;height:14px"><path d="M0 479.936C0 444.64 28.448 416 64.064 416L959.936 416C995.328 416 1024 444.736 1024 479.936L1024 544.064C1024 579.392 995.552 608 959.936 608L64.064 608C28.672 608 0 579.264 0 544.064L0 479.936Z" p-id="1156" fill="#ffffff"></path></svg>
+    </span>
+    <span class="max" @click="frameClickEvent('max')" title="最大化">
+      <svg t="1595917343956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1540" style="width:8px;height:14px"><path d="M416 416 64.064 416C28.448 416 0 444.64 0 479.936L0 544.064C0 579.264 28.672 608 64.064 608L416 608 416 959.936C416 995.552 444.64 1024 479.936 1024L544.064 1024C579.264 1024 608 995.328 608 959.936L608 608 959.936 608C995.552 608 1024 579.36 1024 544.064L1024 479.936C1024 444.736 995.328 416 959.936 416L608 416 608 64.064C608 28.448 579.36 0 544.064 0L479.936 0C444.736 0 416 28.672 416 64.064L416 416Z" p-id="1541" fill="#ffffff"></path></svg>
+    </span>
+    <span class="close" @click="frameClickEvent('close')" title="关闭">
+      <svg t="1595917372551" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1685" style="width:8px;height:14px"><path d="M511.968 376.224 796.096 92.096C833.536 54.624 894.4 54.624 931.84 92.096 969.312 129.568 969.312 190.4 931.84 227.872L647.744 512 931.84 796.096C969.312 833.568 969.312 894.4 931.84 931.872 894.4 969.344 833.536 969.344 796.096 931.872L511.968 647.744 227.84 931.872C190.4 969.344 129.536 969.344 92.096 931.872 54.624 894.4 54.624 833.568 92.096 796.096L376.224 512 92.096 227.872C54.624 190.4 54.624 129.568 92.096 92.096 129.536 54.624 190.4 54.624 227.84 92.096L511.968 376.224Z" p-id="1686" fill="#ffffff"></path></svg>
+    </span>
  </div>
 </template>
 <script>
 const { remote } = require('electron')
 export default {
  name: 'frame',
+  data () {
+    const win = remote.getCurrentWindow()
+    return {
+      isAlwaysOnTop: win.isAlwaysOnTop()
+    }
+  },
  methods: {
    frameClickEvent (e) {
      const win = remote.getCurrentWindow()
@@ -21,6 +36,10 @@ export default {
      if (e === 'close') {
        win.destroy()
      }
+      if (e === 'top') {
+        this.isAlwaysOnTop = !this.isAlwaysOnTop
+        win.setAlwaysOnTop(this.isAlwaysOnTop)
+      }
    }
  }
 }
@@ -40,6 +59,8 @@ export default {
    cursor: pointer;
    margin-left: 10px;
    border-radius: 50%;
+    text-align: center;
+    line-height: 14px;
    display: inline-block;
    -webkit-app-region: no-drag;
  }
--- a/src/components/History.vue
+++ b/src/components/History.vue
@@ -0,0 +1,213 @@
+<template>
+  <div class="history">
+    <div class="body zy-scroll">
+      <div class="zy-table">
+        <div class="tHeader">
+          <span class="btn" @click="clearAllHistory">清空</span>
+        </div>
+        <div class="tBody zy-scroll">
+          <ul>
+            <li v-show="this.history.length === 0">无数据</li>
+            <li v-for="(i, j) in history" :key="j" @click="historyItemEvent(i)">
+              <span class="name" @click.stop="detailEvent(i)">{{i.name}}</span>
+              <span class="site">{{getSiteName(i.site)}}</span>
+              <span class="note">第{{i.index+1}}集</span>
+              <span class="operate">
+                <span class="btn" @click.stop="playEvent(i)">播放</span>
+                <span class="btn" @click.stop="shareEvent(i)">分享</span>
+                <span class="btn" @click.stop="downloadEvent(i)">下载</span>
+                <span class="btn" @click.stop="removeHistoryItem(i)">删除</span>
+              </span>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapMutations } from 'vuex'
+import { history, sites } from '../lib/dexie'
+import zy from '../lib/site/tools'
+const { clipboard } = require('electron')
+export default {
+  name: 'history',
+  data () {
+    return {
+      history: history,
+      sites: []
+    }
+  },
+  computed: {
+    view: {
+      get () {
+        return this.$store.getters.getView
+      },
+      set (val) {
+        this.SET_VIEW(val)
+      }
+    },
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    detail: {
+      get () {
+        return this.$store.getters.getDetail
+      },
+      set (val) {
+        this.SET_DETAIL(val)
+      }
+    },
+    share: {
+      get () {
+        return this.$store.getters.getShare
+      },
+      set (val) {
+        this.SET_SHARE(val)
+      }
+    }
+  },
+  watch: {
+    view () {
+      this.getAllhistory()
+      this.getAllsites()
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_VIEW', 'SET_DETAIL', 'SET_VIDEO', 'SET_SHARE']),
+    detailEvent (e) {
+      this.detail = {
+        show: true,
+        key: e.site,
+        info: {
+          id: e.ids,
+          name: e.name
+        }
+      }
+    },
+    playEvent (e) {
+      history.find({ site: e.site, ids: e.ids }).then(res => {
+        if (res) {
+          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: res.index } }
+        } else {
+          this.video = { key: e.site, info: { id: e.ids, name: e.name, index: 0 } }
+        }
+      })
+      this.view = 'Play'
+    },
+    shareEvent (e) {
+      this.share = {
+        show: true,
+        key: e.site,
+        info: e
+      }
+    },
+    downloadEvent (e) {
+      zy.download(e.site, e.ids).then(res => {
+        if (res && res.dl && res.dl.dd) {
+          const text = res.dl.dd._t
+          if (text) {
+            const list = text.split('#')
+            let downloadUrl = ''
+            for (const i of list) {
+              const url = encodeURI(i.split('$')[1])
+              downloadUrl += (url + '\n')
+            }
+            clipboard.writeText(downloadUrl)
+            this.$message.success('『MP4』格式的链接已复制, 快去下载吧!')
+          } else {
+            this.$message.warning('没有查询到下载链接.')
+          }
+        } else {
+          var m3u8List = {}
+          zy.detail(e.site, e.ids).then(res => {
+            const dd = res.dl.dd
+            const type = Object.prototype.toString.call(dd)
+            if (type === '[object Array]') {
+              for (const i of dd) {
+                if (i._flag.indexOf('m3u8') >= 0) {
+                  m3u8List = i._t.split('#')
+                }
+              }
+            } else {
+              m3u8List = dd._t.split('#')
+            }
+            const list = [...m3u8List]
+            let downloadUrl = ''
+            for (const i of list) {
+              const url = encodeURI(i.split('$')[1])
+              downloadUrl += (url + '\n')
+            }
+            clipboard.writeText(downloadUrl)
+            this.$message.success('『M3U8』格式的链接已复制, 快去下载吧!')
+          })
+        }
+      })
+    },
+    clearAllHistory () {
+      history.clear().then(res => {
+        this.history = []
+      })
+    },
+    getAllhistory () {
+      history.all().then(res => {
+        this.history = res.reverse()
+      })
+    },
+    getAllsites () {
+      sites.all().then(res => {
+        this.sites = res
+      })
+    },
+    getSiteName (key) {
+      var site = this.sites.find(e => e.key === key)
+      if (site) {
+        return site.name
+      }
+    },
+    historyItemEvent (e) {
+      this.video = {
+        key: e.site,
+        info: {
+          id: e.ids,
+          name: e.name,
+          type: e.type,
+          year: e.year,
+          index: e.index,
+          time: e.time
+        }
+      }
+    },
+    removeHistoryItem (e) {
+      history.remove(e.id).then(res => {
+        this.getAllhistory()
+      }).catch(err => {
+        this.$message.warning('删除历史记录失败, 错误信息: ' + err)
+      })
+    }
+  },
+  created () {
+    this.getAllhistory()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.history{
+  position: relative;
+  height: calc(100% - 40px);
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5px;
+  .body{
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
--- a/src/components/Play.vue
+++ b/src/components/Play.vue
@@ -3,9 +3,20 @@
    <div class="box">
      <div class="title">
        <span v-if="this.right.list.length > 1">『第 {{(video.info.index + 1)}} 集』</span>{{name}}
+        <span v-if="video.key" class="right" @click="playWithExternalPalyerEvent" title="使用第三方播放器">
+          <svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+            <polygon points="20 8 20 20 4 20 4 8"></polygon>
+            <polyline stroke-linejoin="round" points="8 4 12 7.917 16 4"></polyline>
+          </svg>
+        </span>
+        <span v-if="video.key" class="right" @click="issueEvent" title="复制调试信息">
+          <svg t="1596338860607" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3127" width="24" height="24">
+            <path d="M503.803829 63.578014c-247.050676 0-447.328072 200.277396-447.328072 447.327048 0 247.054769 200.277396 447.333188 447.328072 447.333188 247.054769 0 447.332165-200.278419 447.332165-447.333188C951.13497 263.85541 750.858598 63.578014 503.803829 63.578014L503.803829 63.578014zM503.803829 894.313336c-211.749682 0-383.408273-171.659615-383.408273-383.408273 0-211.749682 171.659615-383.40725 383.408273-383.40725 211.753775 0 383.412366 171.658591 383.412366 383.40725C887.216195 722.653721 715.557604 894.313336 503.803829 894.313336L503.803829 894.313336zM447.745069 255.897158l127.914298 0L575.659367 383.576095 447.745069 383.576095 447.745069 255.897158 447.745069 255.897158zM447.745069 425.470251l127.914298 0 0 342.058516L447.745069 767.528767 447.745069 425.470251 447.745069 425.470251zM447.745069 425.470251" p-id="3128"></path>
+          </svg>
+        </span>
      </div>
      <div class="player">
-        <div id="xg"></div>
+        <div id="xgplayer"></div>
      </div>
      <div class="more">
        <span class="zy-svg" @click="nextEvent" v-show="showNext">
@@ -70,6 +81,7 @@
            <rect x="17" y="6" width="1" height="1"></rect>
          </svg>
        </span>
+        <span class="last-tip" v-if="!video.key && right.history.length > 0" @click="historyItemEvent(right.history[0])">上次播放到【{{right.history[0].site}}】{{right.history[0].name}} 第{{right.history[0].index+1}}集</span>
      </div>
    </div>
    <transition name="slideX">
@@ -85,13 +97,14 @@
        </div>
        <div class="list-body zy-scroll" :style="{overflowY:scroll? 'auto' : 'hidden',paddingRight: scroll ? '0': '5px' }" @mouseenter="scroll = true" @mouseleave="scroll = false">
          <ul v-show="right.type === 'list'" class="list-item">
+            <li v-show="right.list.length > 0" @click="exportM3u8">导出</li>
            <li v-show="right.list.length === 0">无数据</li>
            <li @click="listItemEvent(j)" :class="video.info.index === j ? 'active' : ''" v-for="(i, j) in right.list" :key="j">{{i | ftName(j)}}</li>
          </ul>
          <ul v-show="right.type === 'history'" class="list-history">
-            <li v-show="right.history.length > 1" @click="clearAllHistory">清空</li>
+            <li v-show="right.history.length > 0" @click="clearAllHistory">清空</li>
            <li v-show="right.history.length === 0">无数据</li>
-            <li @click="historyItemEvent(m)" :class="video.info.id === m.ids ? 'active' : ''" v-for="(m, n) in right.history" :key="n"><span class="title">{{m.name}}</span><span @click.stop="removeHistoryItem(m)" class="detail-delete">删除</span></li>
+            <li @click="historyItemEvent(m)" :class="video.info.id === m.ids ? 'active' : ''" v-for="(m, n) in right.history" :key="n"><span class="title" :title="'【' + m.site + '】' + m.name + ' 第' + (m.index+1) + '集'">【{{m.site}}】{{m.name}} 第{{m.index+1}}集</span><span @click.stop="removeHistoryItem(m)" class="detail-delete">删除</span></li>
          </ul>
        </div>
      </div>
@@ -102,10 +115,53 @@
 import { mapMutations } from 'vuex'
 import { star, history, setting, shortcut, mini } from '../lib/dexie'
 import zy from '../lib/site/tools'
-import 'xgplayer'
+import Player from 'xgplayer'
 import Hls from 'xgplayer-hls.js'
 import mt from 'mousetrap'
-const { remote, ipcRenderer } = require('electron')
+const { remote, ipcRenderer, clipboard } = require('electron')
+
+const VIDEO_DETAIL_CACHE = {}
+
+const addPlayerBtn = function (event, svg, attrs) {
+  const player = this
+  const util = Player.util
+  const controlEl = player.controls
+  const btnConfig = player.config[event]
+  if (btnConfig) {
+    const btnName = 'xg-btn-' + event
+    const btn = util.createDom(btnName, svg || btnConfig.svg, attrs || {}, btnName)
+    controlEl.appendChild(btn)
+    const ev = ['click', 'touchend']
+    ev.forEach(item => {
+      btn.addEventListener(item, function (e) {
+        e.preventDefault()
+        e.stopPropagation()
+        player.emit(event)
+      }, false)
+    })
+  }
+}
+
+const addPlayerView = function (event, tpl, attrs) {
+  const player = this
+  const util = Player.util
+  const rootEl = player.root
+  const viewConfig = player.config[event]
+  if (viewConfig) {
+    const viewName = 'xg-view-' + event
+    const view = util.createDom(viewName, tpl, attrs || {}, viewName)
+    rootEl.appendChild(view)
+    const ev = ['click', 'touchend']
+    ev.forEach(item => {
+      view.addEventListener(item, function (e) {
+        e.preventDefault()
+        e.stopPropagation()
+        player.emit(event)
+      }, false)
+    })
+  }
+}
+
 export default {
  name: 'play',
  data () {
@@ -118,7 +174,7 @@ export default {
        history: []
      },
      config: {
-        id: 'xg',
+        id: 'xgplayer',
        url: '',
        lang: 'zh-cn',
        width: '100%',
@@ -130,7 +186,16 @@ export default {
        crossOrigin: true,
        cssFullscreen: true,
        defaultPlaybackRate: 1,
-        playbackRate: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5]
+        playbackRate: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5],
+        playPrev: true,
+        playNextOne: true,
+        showList: true,
+        showHistory: true,
+        videoTitle: true
+      },
+      state: {
+        showList: false,
+        showHistory: false
      },
      name: '',
      length: 0,
@@ -205,6 +270,17 @@ export default {
        this.changeSetting()
      },
      deep: true
+    },
+    name () {
+      const span = document.querySelector('.xg-view-videoTitle span')
+      if (!span) {
+        return
+      }
+      if (this.right.list.length > 1) {
+        span.innerText = `『第 ${this.video.info.index + 1} 集』${this.name}`
+      } else {
+        span.innerText = `${this.name}`
+      }
    }
  },
  methods: {
@@ -234,36 +310,7 @@ export default {
      })
    },
    playVideo (index = 0, time = 0) {
-      const id = this.video.info.id
-      zy.detail(this.video.key, id).then(res => {
-        this.name = res.name
-        const dd = res.dl.dd
-        const type = Object.prototype.toString.call(dd)
-        let m3u8Txt = []
-        if (type === '[object Array]') {
-          for (const i of dd) {
-            if (i._t.indexOf('m3u8') >= 0) {
-              m3u8Txt = i._t.split('#')
-            }
-          }
-        } else {
-          m3u8Txt = dd._t.split('#')
-        }
-        this.right.list = m3u8Txt
-        const m3u8Arr = []
-        for (const i of m3u8Txt) {
-          const j = i.split('$')
-          if (j.length > 1) {
-            for (let m = 0; m < j.length; m++) {
-              if (j[m].indexOf('m3u8') >= 0) {
-                m3u8Arr.push(j[m])
-              }
-            }
-          } else {
-            m3u8Arr.push(j[0])
-          }
-        }
-
+      this.fetchM3u8List().then(m3u8Arr => {
        this.xg.src = m3u8Arr[index]
        this.showNext = m3u8Arr.length > 1

@@ -286,6 +333,52 @@ export default {
        })
      })
    },
+    fetchM3u8List () {
+      return new Promise((resolve) => {
+        const cacheKey = this.video.key + '@' + this.video.info.id
+        if (VIDEO_DETAIL_CACHE[cacheKey]) {
+          this.name = VIDEO_DETAIL_CACHE[cacheKey].name
+          resolve(VIDEO_DETAIL_CACHE[cacheKey].list)
+          return
+        }
+        zy.detail(this.video.key, this.video.info.id).then(res => {
+          this.name = res.name
+          const dd = res.dl.dd
+          const type = Object.prototype.toString.call(dd)
+          let m3u8Txt = []
+          if (type === '[object Array]') {
+            for (const i of dd) {
+              if (i._t.indexOf('m3u8') >= 0) {
+                m3u8Txt = i._t.split('#')
+              }
+            }
+          } else {
+            m3u8Txt = dd._t.split('#')
+          }
+          this.right.list = m3u8Txt
+          const m3u8Arr = []
+          for (const i of m3u8Txt) {
+            const j = i.split('$')
+            if (j.length > 1) {
+              for (let m = 0; m < j.length; m++) {
+                if (j[m].indexOf('.m3u8') >= 0 && j[m].startsWith('http')) {
+                  m3u8Arr.push(j[m])
+                  break
+                }
+              }
+            } else {
+              m3u8Arr.push(j[0])
+            }
+          }
+
+          VIDEO_DETAIL_CACHE[cacheKey] = {
+            list: m3u8Arr,
+            name: res.name
+          }
+          resolve(m3u8Arr)
+        })
+      })
+    },
    videoPlaying () {
      this.changeVideo()
      history.find({ site: this.video.key, ids: this.video.info.id }).then(res => {
@@ -365,9 +458,7 @@ export default {
        this.right.show = true
        this.right.type = 'history'
      }
-      history.all().then(res => {
-        this.right.history = res.reverse()
-      })
+      this.getAllhistory()
    },
    getAllhistory () {
      history.all().then(res => {
@@ -376,22 +467,20 @@ export default {
    },
    starEvent () {
      const info = this.video.info
-      star.find({ site: this.video.key, ids: info.id }).then(res => {
+      star.find({ key: this.video.key, ids: info.id }).then(res => {
        if (res) {
-          star.remove(res.id).then(e => {
-            this.$message.info('取消收藏')
-            this.isStar = false
-          })
+          this.$message.info('已存在')
        } else {
-          const docs = {
-            site: this.video.key,
+          const doc = {
+            key: this.video.key,
            ids: info.id,
            name: info.name,
            type: info.type,
            year: info.year,
-            last: info.last
+            last: info.last,
+            note: info.note
          }
-          star.add(docs).then(res => {
+          star.add(doc).then(starRes => {
            this.$message.success('收藏成功')
            this.isStar = true
          })
@@ -439,8 +528,59 @@ export default {
        info: this.video.info
      }
    },
+    issueEvent () {
+      const info = {
+        video: this.video,
+        list: this.right.list,
+        m3u8List: VIDEO_DETAIL_CACHE[this.video.key + '@' + this.video.info.id] || [],
+        playerError: this.xg.error || '',
+        playerState: this.xg.readyState || '',
+        networkState: this.xg.networkState || ''
+      }
+      clipboard.writeText(JSON.stringify(info, null, 4))
+      this.$message.success('视频信息复制成功')
+    },
+    playWithExternalPalyerEvent () {
+      this.fetchM3u8List().then(m3u8Arr => {
+        const fs = require('fs')
+        var externalPlayer = this.setting.externalPlayer
+        if (!fs.existsSync(externalPlayer)) {
+          this.$message.error('请设置第三方播放器路径')
+          // 在线播放该视频
+          var link = 'https://www.m3u8play.com/?play=' + m3u8Arr[this.video.info.index]
+          const open = require('open')
+          open(link)
+        } else {
+          var exec = require('child_process').execFile
+          var dplFile = this.generateDplFile(this.video.info.name, m3u8Arr, this.video.info.index)
+          exec(externalPlayer, [dplFile])
+        }
+      })
+    },
+    generateDplFile (fileName, m3u8Arr, index) {
+      const path = require('path')
+      const os = require('os')
+      const fs = require('fs')
+      var filePath = path.join(os.tmpdir(), fileName + '.dpl')
+      if (fs.existsSync(filePath)) {
+        fs.unlinkSync(filePath)
+      }
+      var str = 'DAUMPLAYLIST' + os.EOL
+      str += 'playname=' + m3u8Arr[index] + os.EOL
+      str += 'topindex=' + 0 + os.EOL
+      str += 'saveplaypos=' + index + os.EOL
+
+      var ind = 1
+      m3u8Arr.forEach(element => {
+        str += ind + '*title*第' + ind + '集' + os.EOL
+        str += ind + '*file*' + element + os.EOL
+        ind += 1
+      })
+      fs.writeFileSync(filePath, str)
+      return filePath
+    },
    checkStar () {
-      star.find({ site: this.video.key, ids: this.video.info.id }).then(res => {
+      star.find({ key: this.video.key, ids: this.video.info.id }).then(res => {
        if (res) {
          this.isStar = true
        } else {
@@ -456,6 +596,42 @@ export default {
      this.right.show = false
      this.right.type = ''
    },
+    exportM3u8 () {
+      const m3u8Arr = []
+      for (const i of this.right.list) {
+        const j = i.split('$')
+        let link, name
+        if (j.length > 1) {
+          for (let m = 0; m < j.length; m++) {
+            if (j[m].indexOf('.m3u8') >= 0 && j[m].startsWith('http')) {
+              link = j[m]
+              break
+            }
+          }
+          name = j[0]
+        } else {
+          name = `第${m3u8Arr.length + 1}集`
+          link = j[0]
+        }
+        m3u8Arr.push({
+          name: name,
+          link: link
+        })
+      }
+      let m3u8Content = '#EXTM3U'
+      for (const item of m3u8Arr) {
+        m3u8Content += `#EXTINF:-1, ${item.name}\n${item.link}`
+      }
+      const blob = new Blob([m3u8Content], { type: 'application/vnd.apple.mpegurl' })
+      const downloadElement = document.createElement('a')
+      const href = window.URL.createObjectURL(blob)
+      downloadElement.href = href
+      downloadElement.download = `${this.name}.m3u8`
+      document.body.appendChild(downloadElement)
+      downloadElement.click()
+      document.body.removeChild(downloadElement)
+      window.URL.revokeObjectURL(href)
+    },
    clearAllHistory () {
      history.clear().then(res => {
        this.right.history = []
@@ -570,8 +746,10 @@ export default {
        return false
      }
      if (e === 'escape') {
-        this.xg.exitFullscreen()
-        this.xg.exitCssFullscreen()
+        if (this.xg.fullscreen) {
+          this.xg.exitFullscreen()
+          this.xg.exitCssFullscreen()
+        }
        return false
      }
      if (e === 'next') {
@@ -636,6 +814,134 @@ export default {
    },
    changeSetting () {
      this.mtEvent()
+    },
+    toggleList () {
+      if (this.state.showList) {
+        document.querySelector('xg-btn-showlist ul').style.display = 'none'
+        this.state.showList = false
+      } else {
+        this.refreshList()
+        document.querySelector('xg-btn-showlist ul').style.display = 'block'
+        this.state.showList = true
+      }
+    },
+    refreshList () {
+      let ul = document.querySelector('xg-btn-showlist ul')
+      if (!ul) {
+        ul = document.createElement('ul')
+        document.querySelector('xg-btn-showlist').appendChild(ul)
+        ul.addEventListener('click', (ev) => {
+          ev = ev || window.event
+          const target = ev.target || ev.srcElement // target表示在事件冒泡中触发事件的源元素，在IE中是srcElement
+          if (target.nodeName.toLowerCase() === 'li') {
+            this.listItemEvent(parseInt(target.dataset.index))
+          }
+        })
+      }
+      ul.style.display = 'none'
+      let li = ''
+      if (this.right.list.length === 0) {
+        li = '<li>无数据</li>'
+      } else {
+        for (let index = 0; index < this.right.list.length; index++) {
+          const item = this.right.list[index]
+          const num = item.split('$')
+          let title
+          if (num.length > 1) {
+            title = num[0]
+          } else {
+            title = `第${(index + 1)}集`
+          }
+          if (index === this.video.info.index) {
+            li += `<li class="selected" data-index="${index}" title="${title}">${title}</li>`
+          } else {
+            li += `<li data-index="${index}" title="${title}">${title}</li>`
+          }
+        }
+      }
+      ul.innerHTML = li
+    },
+    toggleHistory () {
+      if (this.state.showHistory) {
+        document.querySelector('xg-btn-showhistory ul').style.display = 'none'
+        this.state.showHistory = false
+      } else {
+        this.refreshHistory()
+        document.querySelector('xg-btn-showhistory ul').style.display = 'block'
+        this.state.showHistory = true
+      }
+    },
+    refreshHistory () {
+      this.getAllhistory()
+      let ul = document.querySelector('xg-btn-showhistory ul')
+      if (!ul) {
+        ul = document.createElement('ul')
+        document.querySelector('xg-btn-showhistory').appendChild(ul)
+        ul.addEventListener('click', (ev) => {
+          ev = ev || window.event
+          const target = ev.target || ev.srcElement // target表示在事件冒泡中触发事件的源元素，在IE中是srcElement
+          if (target.nodeName.toLowerCase() === 'li') {
+            this.historyItemEvent(this.right.history[parseInt(target.dataset.index)])
+          }
+        })
+      }
+      ul.style.display = 'none'
+      let li = ''
+      if (this.right.history.length === 0) {
+        li = '<li>无数据</li>'
+      } else {
+        window.historyItemEvent = this.historyItemEvent.bind(this)
+        for (let index = 0; index < this.right.history.length; index++) {
+          const item = this.right.history[index]
+          const text = `【${item.site}】${item.name} 第${item.index + 1}集`
+          if (this.video.info.id === item.ids) {
+            li += `<li class="selected" data-index="${index}" title="${text}">${text}</li>`
+          } else {
+            li += `<li data-index="${index}" title="${text}">${text}</li>`
+          }
+        }
+      }
+      ul.innerHTML = li
+    },
+    bindEvent () {
+      this.xg.on('playNextOne', () => {
+        this.nextEvent()
+      })
+
+      this.xg.on('playPrev', () => {
+        this.prevEvent()
+      })
+
+      this.xg.on('showList', () => {
+        this.toggleList()
+      })
+
+      this.xg.on('showHistory', () => {
+        this.toggleHistory()
+      })
+
+      const ev = ['click', 'touchend', 'mousemove']
+      let timerID
+      ev.forEach(item => {
+        this.xg.root.addEventListener(item, () => {
+          if (!this.xg.fullscreen) {
+            return
+          }
+          const videoTitle = document.querySelector('.xg-view-videoTitle')
+          videoTitle.style.display = 'block'
+          clearTimeout(timerID)
+          timerID = setTimeout(() => {
+            // 播放中自动消失
+            if (this.xg && !this.xg.paused) {
+              videoTitle.style.display = 'none'
+            }
+          }, 3000)
+        })
+      })
+
+      this.xg.on('exitFullscreen', () => {
+        document.querySelector('.xg-view-videoTitle').style.display = 'none'
+      })
    }
  },
  created () {
@@ -643,18 +949,179 @@ export default {
    this.mtEvent()
  },
  mounted () {
+    Player.install('playPrev', function () {
+      addPlayerBtn.bind(this, 'playPrev', '<svg t="1595866093990" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3657" style="width: 20px;height: 20px;margin-top: 11px;margin-left: 9px;" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M98.583851 3.180124h190.807453a31.801242 31.801242 0 0 1 31.801243 31.801242v387.021118L902.201242 10.176398l11.130435-7.632299A31.801242 31.801242 0 0 1 957.217391 31.801242v960.397516a31.801242 31.801242 0 0 1-43.885714 29.257143l-11.130435-7.632299L321.192547 601.997516V989.018634a31.801242 31.801242 0 0 1-31.801243 31.801242H98.583851a31.801242 31.801242 0 0 1-31.801242-31.801242v-954.037268a31.801242 31.801242 0 0 1 31.801242-31.801242z" p-id="3658" fill="#ffffff"></path></svg>', { title: '上一集' })()
+    })
+    Player.install('playNextOne', function () {
+      addPlayerBtn.bind(this, 'playNextOne', '<svg t="1595866110378" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3946" style="width: 20px;height: 20px;margin-top: 11px;margin-left: 0px;" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M925.416149 3.180124h-190.807453a31.801242 31.801242 0 0 0-31.801243 31.801242v387.021118L121.798758 10.176398 110.668323 2.544099A31.801242 31.801242 0 0 0 98.583851 0a31.801242 31.801242 0 0 0-31.801242 31.801242v960.397516a31.801242 31.801242 0 0 0 31.801242 31.801242 31.801242 31.801242 0 0 0 12.084472-2.544099l11.130435-7.632299L702.807453 601.997516V989.018634a31.801242 31.801242 0 0 0 31.801243 31.801242h190.807453a31.801242 31.801242 0 0 0 31.801242-31.801242v-954.037268a31.801242 31.801242 0 0 0-31.801242-31.801242z" p-id="3947" fill="#ffffff"></path></svg>', { title: '下一集' })()
+    })
+    Player.install('showList', function () {
+      addPlayerBtn.bind(this, 'showList', '<svg t="1595866128681" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4187" style="width: 22px;height: 22px;margin-top: 9px;margin-left: 6px;" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M0 0h1316.571429v146.285714H0zM0 438.857143h1316.571429v146.285714H0zM0 877.714286h1316.571429v146.285714H0z" p-id="4188" fill="#ffffff"></path></svg>', { title: '播放列表' })()
+    })
+    Player.install('showHistory', function () {
+      addPlayerBtn.bind(this, 'showHistory', '<svg t="1595866015473" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3282" style="width: 22px;height: 22px;margin-top: 9px;margin-left: 6px;" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m0 910.222222a398.222222 398.222222 0 1 1 398.222222-398.222222 398.222222 398.222222 0 0 1-398.222222 398.222222z" p-id="3283" fill="#ffffff"></path><path d="M568.888889 227.555556h-113.777778v341.333333h227.555556v-113.777778h-113.777778V227.555556z" p-id="3284" fill="#ffffff"></path></svg>', { title: '播放历史' })()
+    })
+    const that = this
+    Player.install('videoTitle', function () {
+      let title
+      if (that.right.list.length > 1) {
+        title = `『第 ${that.video.info.index + 1} 集』${that.name}`
+      } else {
+        title = `${that.name}`
+      }
+      addPlayerView.bind(this, 'videoTitle', `<span>${title}</span>`, {})()
+    })
+
    this.xg = new Hls(this.config)
    ipcRenderer.on('miniClosed', () => {
-      this.xg.destroy()
-      this.xg = new Hls(this.config)
-      this.getUrls()
+      history.find({ site: this.video.key, ids: this.video.info.id }).then(res => {
+        if (res) {
+          if (this.video.info.index !== res.index) {
+            this.video.info.index = res.index
+          } else {
+            this.getUrls()
+          }
+        }
+      })
    })
+    this.bindEvent()
  },
  beforeDestroy () {
    clearInterval(this.timer)
  }
 }
 </script>
+<style>
+.xgplayer-skin-default .xg-btn-playPrev {
+  width: 32px;
+  position: relative;
+  -webkit-order: 0;
+  -moz-box-ordinal-group: 1;
+  order: 0;
+  display: block;
+  cursor: pointer;
+  margin-left: 3px;
+}
+.xgplayer-skin-default .xg-btn-playPrev:hover {
+  opacity: 0.8;
+}
+.xgplayer-skin-default .xg-btn-playNextOne {
+  width: 32px;
+  position: relative;
+  -webkit-order: 2;
+  -moz-box-ordinal-group: 1;
+  order: 2;
+  display: block;
+  cursor: pointer;
+  margin-left: 3px;
+}
+.xgplayer-skin-default .xg-btn-playNextOne:hover {
+  opacity: 0.8;
+}
+.xgplayer-skin-default .xgplayer-play, .xgplayer-skin-default .xgplayer-play-img {
+  order: 1 !important;
+}
+.xgplayer-skin-default .xg-btn-showList {
+  width: 32px;
+  position: relative;
+  -webkit-order: 4;
+  -moz-box-ordinal-group: 1;
+  order: 4;
+  display: block;
+  cursor: pointer;
+  margin-right: 3px;
+}
+.xgplayer-skin-default .xg-btn-showList:hover {
+  opacity: 0.8;
+}
+.xgplayer-skin-default .xg-btn-showHistory {
+  width: 32px;
+  position: relative;
+  -webkit-order: 4;
+  -moz-box-ordinal-group: 1;
+  order: 4;
+  display: block;
+  cursor: pointer;
+  margin-right: 3px;
+}
+.xgplayer-skin-default .xg-btn-showHistory:hover {
+  opacity: 0.8;
+}
+.xgplayer-skin-default .xg-btn-showList ul, .xgplayer-skin-default .xg-btn-showHistory ul {
+    display: none;
+    list-style: none;
+    min-width: 85px;
+    max-width: 300px;
+    max-height: 60vh;
+    overflow-y: scroll;
+    background: rgba(0,0,0,.54);
+    border-radius: 1px;
+    position: absolute;
+    bottom: 45px;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+    text-align: left;
+    white-space: nowrap;
+    z-index: 26;
+    cursor: pointer;
+}
+.xgplayer-skin-default .xg-btn-showList ul li, .xgplayer-skin-default .xg-btn-showHistory ul li {
+    opacity: .7;
+    font-family: PingFangSC-Regular;
+    font-size: 13px;
+    color: hsla(0,0%,100%,.8);
+    position: relative;
+    padding: 5px;
+    text-align: center;
+}
+.xgplayer-skin-default .xg-btn-showList ul li:first-child, .xgplayer-skin-default .xg-btn-showHistory ul li:first-child {
+    position: relative;
+    margin-top: 12px;
+}
+.xgplayer-skin-default .xg-btn-showList ul li:last-child, .xgplayer-skin-default .xg-btn-showHistory ul li:last-child {
+    margin-bottom: 12px;
+}
+.xgplayer-skin-default .xg-btn-showList ul li.selected, .xgplayer-skin-default .xg-btn-showHistory ul li.selected, .xgplayer-skin-default .xg-btn-showList ul li:hover, .xgplayer-skin-default .xg-btn-showHistory ul li:hover {
+    color: #fff;
+    opacity: 1;
+}
+.xgplayer-skin-default .xgplayer-volume {
+    width: 32px !important;
+}
+.xgplayer-skin-default .xgplayer-playbackrate {
+    width: 40px !important;
+}
+.xgplayer-skin-default .xgplayer-playbackrate .name {
+    top: 10px !important;
+}
+.xgplayer-skin-default .xgplayer-playbackrate ul {
+  bottom: 25px;
+}
+.xgplayer-skin-default .xgplayer-playbackrate ul li {
+    font-size: 13px !important;
+}
+.xgplayer-skin-default .xgplayer-screenshot .name span {
+    width: 40px !important;
+}
+.xgplayer-skin-default .xg-view-videoTitle {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 40px;
+  padding-left: 10px;
+  background-image: linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.75),rgba(0,0,0,.37),transparent);
+  z-index: 10;
+}
+.xgplayer-skin-default .xg-view-videoTitle span {
+  font-size: 16px;
+  line-height: 40px;
+  color: #ffffff;
+}
+</style>
 <style lang="scss" scoped>
 .play{
  position: relative;
@@ -677,6 +1144,13 @@ export default {
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
+      .right {
+        float: right;
+        svg {
+          margin-top: 8px;
+          cursor: pointer;
+        }
+      }
    }
    .player{
      width: 100%;
--- a/src/components/Setting.vue
+++ b/src/components/Setting.vue
@@ -44,9 +44,49 @@
          </div>
        </div>
      </div>
+      <div class='site'>
+         <div class="title">收藏管理</div>
+         <div class="site-box">
+            <div class="zy-select">
+              <div class="vs-placeholder vs-noAfter" @click="exportFavorites">导出</div>
+            </div>
+            <div class="zy-select">
+              <div class="vs-placeholder vs-noAfter" @click="importFavorites">导入</div>
+            </div>
+            <div class="zy-select">
+              <div class="vs-placeholder vs-noAfter" @click="clearFavorites">清空收藏</div>
+            </div>
+          </div>
+      </div>
+      <div class='search'>
+         <div class="title">搜索</div>
+         <div class="zy-checkbox">
+           <input type="checkbox" v-model="setting.searchAllSites" @change="updateSearchOption($event)"> 搜索所有资源
+         </div>
+      </div>
+      <div class='site'>
+         <div class="title">第三方播放</div>
+         <div class="site-box">
+            <div class="zy-select">
+              <div class="vs-placeholder vs-noAfter" @click="selectLocalPlayer">选择本地播放器</div>
+            </div>
+            <div class="zy-select">
+              <div class="vs-placeholder vs-noAfter" @click="resetLocalPlayer">重置</div>
+            </div>
+          </div>
+      </div>
      <div class="site">
        <div class="title">源管理</div>
        <div class="site-box">
+          <div class="zy-select">
+            <div class="vs-placeholder vs-noAfter" @click="exportSites">导出</div>
+          </div>
+          <div class="zy-select">
+            <div class="vs-placeholder vs-noAfter" @click="importSites">导入</div>
+          </div>
+          <div class="zy-select">
+            <div class="vs-placeholder vs-noAfter" @click="resetSites">重置源</div>
+          </div>
          <div class="zy-select" @mouseleave="show.site = false">
            <div class="vs-placeholder" @click="show.site = true">默认源</div>
            <div class="vs-options" v-show="show.site">
@@ -55,12 +95,6 @@
              </ul>
            </div>
          </div>
-          <div class="zy-select">
-            <div class="vs-placeholder vs-noAfter" @click="expSites">导出</div>
-          </div>
-          <div class="zy-select">
-            <div class="vs-placeholder vs-noAfter" @click="impSites">导入</div>
-          </div>
          <div class="zy-select">
            <div class="vs-placeholder vs-noAfter" @click="openDoc('sites')">说明文档</div>
          </div>
@@ -104,7 +138,7 @@
      </div>
      <div class="clearDB">
        <span @click="clearDBEvent" class="clearBtn">软件重置</span>
-        <span class="clearTips">如非必要, 切勿点击. 会清空用户数据, 恢复默认设置. 点击即软件重置, 并关闭软件.</span>
+        <span class="clearTips">如果新安装用户, 无法显示资源, 请点击软件重置. 如非必要, 切勿点击. 会清空用户数据, 恢复默认设置. 点击即软件重置, 并关闭软件.</span>
      </div>
      <div class="Tips">
        <span>所有资源来自网上, 该软件不参与任何制作, 上传, 储存等内容, 禁止传播违法资源. 该软件仅供学习参考, 请于安装后24小时内删除.</span>
@@ -115,9 +149,11 @@
 <script>
 import { mapMutations } from 'vuex'
 import pkg from '../../package.json'
-import { setting, sites, shortcut } from '../lib/dexie'
+import { setting, sites, shortcut, star } from '../lib/dexie'
 import { shell, clipboard, remote } from 'electron'
 import db from '../lib/dexie/dexie'
+import { sites as defaultSites } from '../lib/dexie/initData'
+import fs from 'fs'
 export default {
  name: 'setting',
  data () {
@@ -125,6 +161,7 @@ export default {
      pkg: pkg,
      sitesList: [],
      shortcutList: [],
+      favoritesList: [],
      show: {
        site: false,
        shortcut: false,
@@ -135,7 +172,9 @@ export default {
        site: '',
        theme: '',
        shortcut: true,
-        view: 'picture'
+        searchAllSites: true,
+        view: 'picture',
+        externalPlayer: ''
      }
    }
  },
@@ -161,7 +200,9 @@ export default {
          site: res.site,
          theme: res.theme,
          shortcut: res.shortcut,
-          view: res.view
+          view: res.view,
+          searchAllSites: res.searchAllSites,
+          externalPlayer: res.externalPlayer
        }
        this.setting = this.d
      })
@@ -176,6 +217,11 @@ export default {
        this.shortcutList = res
      })
    },
+    getFavorites () {
+      star.all().then(res => {
+        this.favoritesList = res
+      })
+    },
    changeView (e) {
      this.d.view = e
      setting.update(this.d).then(res => {
@@ -192,20 +238,169 @@ export default {
        this.show.site = false
      })
    },
-    expSites () {
-      const arr = [...this.sitesList]
-      const str = JSON.stringify(arr)
-      clipboard.writeText(str)
-      this.$message.success('已复制到剪贴板')
+    updateSearchOption (e) {
+      this.d.searchAllSites = this.setting.searchAllSites
+      setting.update(this.d).then(res => {
+        this.setting = this.d
+      })
    },
-    impSites () {
-      const str = clipboard.readText()
-      const json = JSON.parse(str)
-      sites.clear().then(res => {
-        this.$message.info('已清空原数据')
-        sites.add(json).then(e => {
-          this.$message.success('已添加成功')
-          this.getSites()
+    exportFavorites () {
+      this.getFavorites()
+      const arr = [...this.favoritesList]
+      const str = JSON.stringify(arr, null, 4)
+      const options = {
+        filters: [
+          { name: 'JSON file', extensions: ['json'] },
+          { name: 'Normal text file', extensions: ['txt'] },
+          { name: 'All types', extensions: ['*'] }
+        ]
+      }
+      remote.dialog.showSaveDialog(options).then(result => {
+        if (!result.canceled) {
+          fs.writeFileSync(result.filePath, str)
+          this.$message.success('已保存成功')
+        }
+      }).catch(err => {
+        this.$message.error(err)
+      })
+    },
+    importFavorites () {
+      const options = {
+        filters: [
+          { name: 'JSON file', extensions: ['json'] },
+          { name: 'Normal text file', extensions: ['txt'] },
+          { name: 'All types', extensions: ['*'] }
+        ],
+        properties: ['openFile', 'multiSelections']
+      }
+      remote.dialog.showOpenDialog(options).then(result => {
+        if (!result.canceled) {
+          result.filePaths.forEach(file => {
+            var str = fs.readFileSync(file)
+            const json = JSON.parse(str)
+            star.bulkAdd(json).then(e => {
+              this.getFavorites()
+            })
+            this.upgradeFavorites()
+          })
+          this.$message.success('导入收藏成功')
+        }
+      }).catch(err => {
+        this.$message.error(err)
+      })
+    },
+    clearFavorites () {
+      star.clear().then(e => {
+        this.getFavorites()
+        this.$message.success('清空所有收藏成功')
+      })
+    },
+    upgradeFavorites () {
+      star.all().then(res => {
+        res.forEach(element => {
+          const docs = {
+            key: element.key,
+            ids: element.ids,
+            name: element.name,
+            type: element.type,
+            year: element.year,
+            last: element.last,
+            note: element.note
+          }
+          star.find({ key: element.key, ids: element.ids }).then(res => {
+            if (!res) {
+              star.add(docs)
+            }
+          })
+        })
+        this.getFavorites()
+      })
+    },
+    selectLocalPlayer () {
+      const options = {
+        filters: [
+          { name: 'Executable file', extensions: ['exe'] },
+          { name: 'All types', extensions: ['*'] }
+        ],
+        properties: ['openFile']
+      }
+      remote.dialog.showOpenDialog(options).then(result => {
+        if (!result.canceled) {
+          var playerPath = result.filePaths[0].replace(/\\/g, '/')
+          this.$message.success('设定第三方播放器路径为：' + result.filePaths[0])
+          this.d.externalPlayer = playerPath
+          setting.update(this.d).then(res => {
+            this.setting = this.d
+          })
+        }
+      }).catch(err => {
+        this.$message.error(err)
+      })
+    },
+    resetLocalPlayer () {
+      this.d.externalPlayer = ''
+      setting.update(this.d).then(res => {
+        this.setting = this.d
+        this.$message.success('重置第三方播放器成功')
+      })
+    },
+    exportSites () {
+      this.getSites()
+      const arr = [...this.sitesList]
+      const str = JSON.stringify(arr, null, 4)
+      const options = {
+        filters: [
+          { name: 'JSON file', extensions: ['json'] },
+          { name: 'Normal text file', extensions: ['txt'] },
+          { name: 'All types', extensions: ['*'] }
+        ]
+      }
+      remote.dialog.showSaveDialog(options).then(result => {
+        if (!result.canceled) {
+          fs.writeFileSync(result.filePath, str)
+          this.$message.success('已保存成功')
+        }
+      }).catch(err => {
+        this.$message.error(err)
+      })
+    },
+    importSites () {
+      const options = {
+        filters: [
+          { name: 'JSON file', extensions: ['json'] },
+          { name: 'Normal text file', extensions: ['txt'] },
+          { name: 'All types', extensions: ['*'] }
+        ],
+        properties: ['openFile']
+      }
+      remote.dialog.showOpenDialog(options).then(result => {
+        if (!result.canceled) {
+          sites.clear()
+          result.filePaths.forEach(file => {
+            var str = fs.readFileSync(file)
+            const json = JSON.parse(str)
+            sites.add(json).then(e => {
+              this.getSites()
+              this.d.site = json[0].key
+              setting.update(this.d).then(res => {
+                this.setting = this.d
+              })
+            })
+            this.$message.success('导入成功')
+          }).catch(err => {
+            this.$message.error(err)
+          })
+        }
+      })
+    },
+    resetSites () {
+      sites.clear()
+      sites.add(defaultSites).then(e => {
+        this.getSites()
+        this.d.site = defaultSites[0].key
+        setting.update(this.d).then(res => {
+          this.setting = this.d
+          this.$message.success('重置源成功')
        })
      })
    },
@@ -225,7 +420,7 @@ export default {
    },
    expShortcut () {
      const arr = [...this.shortcutList]
-      const str = JSON.stringify(arr)
+      const str = JSON.stringify(arr, null, 4)
      clipboard.writeText(str)
      this.$message.success('已复制到剪贴板')
    },
@@ -247,12 +442,22 @@ export default {
        win.destroy()
      })
    },
-    openDoc (e) {}
+    openDoc (e) {
+      if (e === 'sites') {
+        this.linkOpen('http://zyplayer.fun/doc/sites/')
+        return false
+      }
+      if (e === 'shortcut') {
+        this.linkOpen('http://zyplayer.fun/doc/shortcut/')
+        return false
+      }
+    }
  },
  created () {
    this.getSetting()
    this.getSites()
    this.getShortcut()
+    this.getFavorites()
  }
 }
 </script>
@@ -300,6 +505,11 @@ export default {
      }
    }
  }
+  .search{
+    width: 100%;
+    padding: 20px;
+    margin-top: 20px;
+  }
  .site{
    width: 100%;
    padding: 20px;
@@ -328,6 +538,7 @@ export default {
    margin-top: 20px;
    .theme-box{
      display: flex;
+      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 10px;
      .theme-item{
--- a/src/components/Share.vue
+++ b/src/components/Share.vue
@@ -1,9 +1,9 @@
 <template>
  <div class="share" id="share" @click="shareClickEvent">
    <div class="left">
-      <img :src="pic" alt="">
+      <img :src="pic" alt="" @load="picLoadEvent">
    </div>
-    <div class="right">
+    <div class="right" id="right">
      <div class="title">{{ share.info.name }}</div>
      <qrcode-vue id="qr" :value="link" :size="160" level="L" />
      <div class="tips">
@@ -70,25 +70,31 @@ export default {
      zy.detail(this.share.key, id).then(res => {
        if (res) {
          this.pic = res.pic
-          const text = res.dl.dd
-          for (const i of text) {
-            if (i._flag.indexOf('m3u8') >= 0) {
-              const arr = i._t.split('#')
-              const url = arr[0].split('$')[1]
-              this.link = 'http://zyplayer.fun/player/player.html?url=' + url + '&title=' + this.share.info.name
+          var m3u8List = {}
+          const dd = res.dl.dd
+          const type = Object.prototype.toString.call(dd)
+          if (type === '[object Array]') {
+            for (const i of dd) {
+              if (i._flag.indexOf('m3u8') >= 0) {
+                m3u8List = i._t.split('#')
+              }
            }
+          } else {
+            m3u8List = dd._t.split('#')
          }
-          this.loading = false
-          this.$nextTick(() => {
-            const dom = document.getElementById('share')
-            html2canvas(dom, { useCORS: true, allowTaint: true }).then(res => {
-              const png = res.toDataURL('image/png')
-              const p = nativeImage.createFromDataURL(png)
-              clipboard.writeImage(p)
-              this.$message.success('已复制到剪贴板，快去分享吧~ 严禁传播违法资源!!!')
-            })
-          })
+          const url = m3u8List[1]
+          this.link = 'http://zyplayer.fun/player/player.html?url=' + url + '&title=' + this.share.info.name
        }
+        this.loading = false
+      })
+    },
+    picLoadEvent () {
+      const dom = document.getElementById('right')
+      html2canvas(dom, { useCORS: true, allowTaint: true }).then(res => {
+        const png = res.toDataURL('image/png')
+        const p = nativeImage.createFromDataURL(png)
+        clipboard.writeImage(p)
+        this.$message.success('已复制到剪贴板，快去分享吧~ 严禁传播违法资源!!!')
      })
    }
  },
@@ -108,7 +114,7 @@ export default {
  display: flex;
  justify-content: space-between;
  align-items: center;
-  padding: 20px;
+  padding: 0px;
  z-index: 999;
  .left, .right{
    width: 50%;
@@ -125,6 +131,7 @@ export default {
    }
  }
  .right{
+    padding: 10px;
    .title{
      font-size: 18px;
      margin-bottom: 10px;
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -1,20 +1,24 @@
 <template>
  <div class="star">
-    <div class="body zy-scroll">
+    <div class="body">
      <div class="zy-table">
-        <div class="tBody">
+        <div class="tHeader">
+          <span class="btn" @click="updateAllEvent(list)">同步所有收藏</span>
+        </div>
+        <div class="tBody zy-scroll">
          <ul>
-            <li v-for="(i, j) in list" :key="j" @click="detailEvent(i)">
+            <li v-for="(i, j) in list" :key="j" @click="detailEvent(i)" :class="[i.hasUpdate ? 'zy-highlighted': '']">
              <span class="name">{{i.name}}</span>
              <span class="type">{{i.type}}</span>
              <span class="time">{{i.year}}</span>
-              <span class="from">{{i.site}}</span>
-              <span class="operate" style="width: 220px">
+              <span class="site">{{getSiteName(i.key)}}</span>
+              <span class="note">{{i.note}}</span>
+              <span class="operate">
                <span class="btn" @click.stop="playEvent(i)">播放</span>
-                <span class="btn" @click.stop="deleteEvent(i)">删除</span>
                <span class="btn" @click.stop="shareEvent(i)">分享</span>
                <span class="btn" @click.stop="updateEvent(i)">同步</span>
                <span class="btn" @click.stop="downloadEvent(i)">下载</span>
+                <span class="btn" @click.stop="deleteEvent(i)">删除</span>
              </span>
            </li>
          </ul>
@@ -25,14 +29,15 @@
 </template>
 <script>
 import { mapMutations } from 'vuex'
-import { star, history } from '../lib/dexie'
+import { star, history, sites } from '../lib/dexie'
 import zy from '../lib/site/tools'
 const { clipboard } = require('electron')
 export default {
  name: 'star',
  data () {
    return {
-      list: []
+      list: [],
+      sites: []
    }
  },
  computed: {
@@ -72,6 +77,7 @@ export default {
  watch: {
    view () {
      this.getStarList()
+      this.getAllsites()
    }
  },
  methods: {
@@ -79,18 +85,27 @@ export default {
    detailEvent (e) {
      this.detail = {
        show: true,
-        key: e.site,
-        info: e
+        key: e.key,
+        info: {
+          id: e.ids,
+          name: e.name
+        }
+      }
+      if (e.hasUpdate) {
+        this.clearHasUpdateFlag(e)
      }
    },
    playEvent (e) {
-      history.find({ site: e.site, ids: e.ids }).then(res => {
+      history.find({ site: e.key, ids: e.ids }).then(res => {
        if (res) {
-          this.video = { key: res.site, info: { id: res.ids, name: res.name, index: res.index } }
+          this.video = { key: e.key, info: { id: res.ids, name: res.name, index: res.index } }
        } else {
-          this.video = { key: e.site, info: { id: e.ids, name: e.name, index: 0 } }
+          this.video = { key: e.key, info: { id: e.ids, name: e.name, index: 0 } }
        }
      })
+      if (e.hasUpdate) {
+        this.clearHasUpdateFlag(e)
+      }
      this.view = 'Play'
    },
    deleteEvent (e) {
@@ -106,35 +121,56 @@ export default {
    shareEvent (e) {
      this.share = {
        show: true,
-        key: e.site,
+        key: e.key,
        info: e
      }
    },
+    clearHasUpdateFlag (e) {
+      star.find({ id: e.id }).then(res => {
+        res.hasUpdate = false
+        star.update(e.id, res)
+        this.getStarList()
+      })
+    },
    updateEvent (e) {
-      zy.detail(e.site, e.ids).then(res => {
+      zy.detail(e.key, e.ids).then(res => {
+        var doc = {
+          key: e.key,
+          id: e.id,
+          ids: res.id,
+          last: res.last,
+          name: res.name,
+          type: res.type,
+          year: res.year,
+          note: res.note
+        }
        if (e.last === res.last) {
-          this.$message.info('同步成功, 未查询到更新。')
-        } else {
-          const doc = {
-            id: e.id,
-            ids: res.id,
-            last: res.last,
-            name: res.name,
-            site: e.site,
-            type: res.type,
-            year: res.year
-          }
+          doc.hasUpdate = false
          star.update(e.id, doc).then(res => {
-            this.$message.success('同步成功, 检查到更新.')
+            var msg = `同步"${e.name}"成功, 未查询到更新。`
+            this.$message.info(msg)
+          })
+        } else {
+          doc.hasUpdate = true
+          star.update(e.id, doc).then(res => {
+            var msg = `同步"${e.name}"成功, 检查到更新。`
+            this.$message.success(msg)
          })
        }
+        this.getStarList()
      }).catch(err => {
-        this.$message.warning('同步失败, 请重试', err)
+        var msg = `同步"${e.name}"失败, 请重试。`
+        this.$message.warning(msg, err)
+      })
+    },
+    updateAllEvent (list) {
+      list.forEach(e => {
+        this.updateEvent(e)
      })
    },
    downloadEvent (e) {
-      zy.download(e.site, e.ids).then(res => {
-        if (res) {
+      zy.download(e.key, e.ids).then(res => {
+        if (res && res.dl && res.dl.dd) {
          const text = res.dl.dd._t
          if (text) {
            const list = text.split('#')
@@ -149,21 +185,46 @@ export default {
            this.$message.warning('没有查询到下载链接.')
          }
        } else {
-          const list = [...this.m3u8List]
-          let downloadUrl = ''
-          for (const i of list) {
-            const url = encodeURI(i.split('$')[1])
-            downloadUrl += (url + '\n')
-          }
-          clipboard.writeText(downloadUrl)
-          this.$message.success('『M3U8』格式的链接已复制, 快去下载吧!')
+          var m3u8List = {}
+          zy.detail(e.key, e.ids).then(res => {
+            const dd = res.dl.dd
+            const type = Object.prototype.toString.call(dd)
+            if (type === '[object Array]') {
+              for (const i of dd) {
+                if (i._flag.indexOf('m3u8') >= 0) {
+                  m3u8List = i._t.split('#')
+                }
+              }
+            } else {
+              m3u8List = dd._t.split('#')
+            }
+            const list = [...m3u8List]
+            let downloadUrl = ''
+            for (const i of list) {
+              const url = encodeURI(i.split('$')[1])
+              downloadUrl += (url + '\n')
+            }
+            clipboard.writeText(downloadUrl)
+            this.$message.success('『M3U8』格式的链接已复制, 快去下载吧!')
+          })
        }
      })
    },
+    getSiteName (key) {
+      var site = this.sites.find(e => e.key === key)
+      if (site) {
+        return site.name
+      }
+    },
    getStarList () {
      star.all().then(res => {
        this.list = res.reverse()
      })
+    },
+    getAllsites () {
+      sites.all().then(res => {
+        this.sites = res
+      })
    }
  },
  created () {
@@ -183,7 +244,6 @@ export default {
  .body{
    width: 100%;
    height: 100%;
-    overflow: auto;
  }
 }
 </style>
--- a/src/components/register.js
+++ b/src/components/register.js
@@ -7,6 +7,7 @@ import Star from './Star'
 import Setting from './Setting'
 import Detail from './Detail'
 import Share from './Share'
+import History from './History'

 export default {
  registerComponents () {
@@ -18,5 +19,6 @@ export default {
    Vue.component('Setting', Setting)
    Vue.component('Detail', Detail)
    Vue.component('Share', Share)
+    Vue.component('History', History)
  }
 }
--- a/src/lib/dexie/initData.js
+++ b/src/lib/dexie/initData.js
@@ -14,256 +14,168 @@ const sites = [
    key: 'okzy',
    name: 'OK 资源网',
    api: 'http://cj.okzy.tv/inc/api.php',
-    download: 'http://cj.okzy.tv/inc/apidown.php',
-    level: 16
+    download: 'http://cj.okzy.tv/inc/apidown.php'
  },
  {
    id: 2,
    key: 'zuidazy',
    name: '最大资源网',
    api: 'http://www.zdziyuan.com/inc/api.php',
-    download: 'http://www.zdziyuan.com/inc/apidown.php',
-    level: 16
+    download: 'http://www.zdziyuan.com/inc/apidown.php'
  },
  {
    id: 3,
-    key: 'gaoqingzy',
-    name: '高清资源网',
-    api: 'http://cj.gaoqingzyw.com/inc/api.php',
-    download: 'http://cj.gaoqingzyw.com/inc/apidown.php',
-    level: 16
-  },
-  {
-    id: 4,
    key: 'doubanzy',
    name: '豆瓣电影资源',
    api: 'http://v.1988cj.com/inc/api.php',
-    download: 'http://v.1988cj.com/inc/apidown.php',
-    level: 16
+    download: 'http://v.1988cj.com/inc/apidown.php'
  },
  {
-    id: 5,
+    id: 4,
    key: '135zy',
    name: '135 资源网',
    api: 'http://cj.zycjw1.com/inc/api.php',
-    download: 'http://cj.zycjw1.com/inc/apidown.php',
-    level: 16
+    download: 'http://cj.zycjw1.com/inc/apidown.php'
  },
  {
-    id: 6,
+    id: 5,
    key: 'kuyunzy',
    name: '酷云资源',
    api: 'http://caiji.kuyun98.com/inc/ldg_api.php',
-    download: 'http://caiji.kuyun98.com/inc/apidown.php',
-    level: 16
+    download: 'http://caiji.kuyun98.com/inc/apidown.php'
+  },
+  {
+    id: 6,
+    key: 'mgtvzy',
+    name: '芒果 TV 资源网',
+    api: 'https://api.shijiapi.com/api.php/provide/vod/at/xml/',
+    download: ''
  },
  {
    id: 7,
    key: 'subo988',
    name: '速播资源站',
    api: 'https://www.subo988.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 8,
    key: '209zy',
    name: '209 资源',
    api: 'http://cj.1156zy.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 9,
    key: 'zuixinzy',
    name: '最新资源',
    api: 'http://api.zuixinapi.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 10,
    key: 'kubozy',
    name: '酷播资源',
    api: 'http://api.kbzyapi.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 11,
    key: 'yongjiuzy',
    name: '永久资源',
    api: 'http://cj.yongjiuzyw.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 12,
    key: '123ku',
    name: '123 资源',
    api: 'http://cj.123ku2.com:12315/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 13,
    key: '88zyw',
    name: '88 影视资源站',
    api: 'http://www.88zyw.net/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 14,
    key: 'wolongzy',
    name: '卧龙资源',
    api: 'http://cj.wlzy.tv/inc/api_mac.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 15,
    key: 'mahuazy',
    name: '麻花资源',
    api: 'https://www.mhapi123.com/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 16,
    key: 'kkzy',
    name: '快快资源',
    api: 'https://api.kkzy.tv/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 17,
    key: '158zy',
    name: '壹伍捌资源网',
    api: 'http://cj.158zyz.net:158/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 18,
    key: 'rrzy',
    name: '人人资源',
    api: 'https://www.rrzyw.cc/api.php/provide/vod/from/rrm3u8/at/xml/',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 19,
    key: 'mokazy',
    name: '魔卡资源网',
    api: 'https://cj.heiyap.com/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 20,
    key: 'kyzy',
    name: '快影资源站',
    api: 'https://www.kyzy.tv/api.php/kyyun/vod/at/xml/',
-    download: '',
-    level: 16
+    download: ''
  },
  {
    id: 21,
-    key: 'khzy',
-    name: '快活资源站',
-    api: 'https://www.khzyapi.com/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 18
-  },
-  {
-    id: 22,
-    key: 'smzy',
-    name: '神马资源网',
-    api: 'http://api.shenmacj.com/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 18
-  },
-  {
-    id: 23,
-    key: 'xhgcjym',
-    name: '小黄瓜资源',
-    api: 'http://cj.xhgcjym.com/inc/api.php',
-    download: 'http://cj.xhgcjym.com/inc/apidown.php',
-    level: 18
-  },
-  {
-    id: 24,
-    key: 'jiali',
-    name: '佳丽 TV',
-    api: 'https://jialiapi.com/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 18
-  },
-  {
-    id: 25,
-    key: 'agzy',
-    name: '环亚资源',
-    api: 'http://wmcj8.com/inc/sapi.php',
-    download: '',
-    level: 18
-  },
-  {
-    id: 26,
    key: 'solezy',
    name: '搜乐资源网',
    api: 'https://www.caijizy.vip/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 16
+    download: ''
  },
  {
-    id: 27,
-    key: 'lajiaozy',
-    name: '辣椒资源',
-    api: 'http://api.11bat.com/mac10.php',
-    download: '',
-    level: 18
-  },
-  {
-    id: 28,
-    key: '9188zy',
-    name: '9188 资源',
-    api: 'http://cj.vod1769.com/zyapimacc.php',
-    download: '',
-    level: 18
-  },
-  {
-    id: 29,
+    id: 22,
    key: 'bbkdj',
    name: '步步高顶尖资源网',
    api: 'http://api.bbkdj.com/api',
-    download: '',
-    level: 16
+    download: ''
  },
  {
-    id: 30,
+    id: 23,
    key: '1886zy',
    name: '1886 资源',
    api: 'http://cj.1886zy.co/inc/api.php',
-    download: '',
-    level: 16
+    download: ''
  },
  {
-    id: 31,
+    id: 24,
    key: 'mbo',
    name: '秒播资源',
    api: 'http://caiji.mb77.vip/inc/api.php',
-    download: '',
-    level: 16
-  },
-  {
-    id: 32,
-    key: 'mgtvzy',
-    name: '芒果 TV 资源网',
-    api: 'https://api.shijiapi.com/api.php/provide/vod/at/xml/',
-    download: '',
-    level: 16
+    download: ''
  }
 ]

--- a/src/lib/dexie/sites.js
+++ b/src/lib/dexie/sites.js
@@ -9,5 +9,8 @@ export default {
  },
  async add (doc) {
    return await sites.bulkAdd(doc)
+  },
+  async find (doc) {
+    return await sites.get(doc)
  }
 }
--- a/src/lib/dexie/star.js
+++ b/src/lib/dexie/star.js
@@ -4,6 +4,9 @@ export default {
  async add (doc) {
    return await star.add(doc)
  },
+  async bulkAdd (doc) {
+    return await star.bulkAdd(doc)
+  },
  async find (doc) {
    return await star.get(doc)
  },
@@ -15,5 +18,8 @@ export default {
  },
  async remove (id) {
    return await star.delete(id)
+  },
+  async clear () {
+    return await star.clear()
  }
 }
--- a/src/lib/site/server.js
+++ b/src/lib/site/server.js
@@ -5,7 +5,7 @@ const Axios = require('axios')
 const app = express()
 app.use(cors())
 app.use(express.json())
-app.use(express.urlencoded())
+app.use(express.urlencoded({ extended: true }))

 app.post('/api', async (req, res) => {
  const result = await Axios.get(req.body.url)
@@ -15,4 +15,4 @@ app.post('/api', async (req, res) => {
  })
 })

-app.listen(4848)
+app.listen(44444)
--- a/src/lib/site/tools.js
+++ b/src/lib/site/tools.js
@@ -2,7 +2,7 @@ import { sites } from '../dexie'
 import axios from 'axios'
 import parser from 'fast-xml-parser'
 const zy = {
-  ports: 4848, // 端口号
+  ports: 44444, // 端口号
  xmlConfig: { // XML 转 JSON 配置
    trimValues: true,
    textNodeName: '_t',
@@ -184,7 +184,7 @@ const zy = {
            reject(err)
          })
        } else {
-          resolve(null)
+          resolve([])
        }
      })
    })
--- a/src/mini/Mini.vue
+++ b/src/mini/Mini.vue
@@ -22,8 +22,15 @@
        <span class="progress" v-show="progress > 0">播放进度: {{progress}}%</span>
      </div>
      <div class="right">
-        <span class="min" @click="frameClickEvent('min')"></span>
-        <span class="close" @click="frameClickEvent('close')"></span>
+        <span class="top" @click="frameClickEvent('top')" title="置顶">
+          <svg t="1595919317571" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1188" style="width:12px;height:16px"><path d="M43.072 974.72l380.864-301.952 151.936 161.6c0 0 63.424 17.28 67.328-30.72l-3.904-163.584 225.088-259.648 98.048-5.696c0 0 76.928-15.488 21.184-82.752l-275.072-276.928c0 0-74.944-9.6-69.248 59.584l0 75.008L383.552 367.104 225.856 376.64c0 0-57.728 19.2-36.608 69.248l148.16 146.176L43.072 974.72 43.072 974.72z" p-id="1189" :fill="isAlwaysOnTop ? '#555555' : '#ffffff'"></path></svg>
+        </span>
+        <span class="min" @click="frameClickEvent('min')" title="最小化">
+          <svg t="1595917239849" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1155" style="width:10px;height:16px"><path d="M0 479.936C0 444.64 28.448 416 64.064 416L959.936 416C995.328 416 1024 444.736 1024 479.936L1024 544.064C1024 579.392 995.552 608 959.936 608L64.064 608C28.672 608 0 579.264 0 544.064L0 479.936Z" p-id="1156" fill="#ffffff"></path></svg>
+        </span>
+        <span class="close" @click="frameClickEvent('close')" title="关闭">
+          <svg t="1595917372551" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1685" style="width:10px;height:16px"><path d="M511.968 376.224 796.096 92.096C833.536 54.624 894.4 54.624 931.84 92.096 969.312 129.568 969.312 190.4 931.84 227.872L647.744 512 931.84 796.096C969.312 833.568 969.312 894.4 931.84 931.872 894.4 969.344 833.536 969.344 796.096 931.872L511.968 647.744 227.84 931.872C190.4 969.344 129.536 969.344 92.096 931.872 54.624 894.4 54.624 833.568 92.096 796.096L376.224 512 92.096 227.872C54.624 190.4 54.624 129.568 92.096 92.096 129.536 54.624 190.4 54.624 227.84 92.096L511.968 376.224Z" p-id="1686" fill="#ffffff"></path></svg>
+        </span>
      </div>
    </div>
    <div class="bottom">
@@ -38,9 +45,11 @@ import mt from 'mousetrap'
 import 'xgplayer'
 import Hls from 'xgplayer-hls.js'
 const { remote, ipcRenderer } = require('electron')
+const VIDEO_DETAIL_CACHE = {}
 export default {
  name: 'mini',
  data () {
+    const win = remote.getCurrentWindow()
    return {
      xg: null,
      config: {
@@ -65,7 +74,8 @@ export default {
      detail: {},
      m3u8Arr: [],
      rate: 1,
-      progress: 0
+      progress: 0,
+      isAlwaysOnTop: win.isAlwaysOnTop()
    }
  },
  methods: {
@@ -79,6 +89,11 @@ export default {
        ipcRenderer.send('win')
        return false
      }
+      if (e === 'top') {
+        this.isAlwaysOnTop = !this.isAlwaysOnTop
+        const win = remote.getCurrentWindow()
+        win.setAlwaysOnTop(this.isAlwaysOnTop)
+      }
    },
    opacityChange (val) {
      const win = remote.getCurrentWindow()
@@ -89,10 +104,40 @@ export default {
    getUrls () {
      mini.find().then(res => {
        this.video = res
-        zy.detail(res.site, res.ids).then(e => {
-          this.name = e.name
-          this.detail = e
-          const dd = e.dl.dd
+        this.fetchM3u8List(res).then(m3u8Arr => {
+          this.m3u8Arr = m3u8Arr
+          this.xg.src = m3u8Arr[res.index]
+          if (res.time !== 0 || res.time !== '') {
+            this.xg.play()
+            this.xg.once('playing', () => {
+              this.xg.currentTime = res.time
+            })
+          } else {
+            this.xg.play()
+          }
+          this.videoPlaying()
+          this.xg.once('ended', () => {
+            if (m3u8Arr.length > 1 && (m3u8Arr.length - 1 > res.index)) {
+              this.video.time = 0
+              this.video.index++
+              this.xg.src = m3u8Arr[this.video.index]
+              this.xg.play()
+            }
+          })
+        })
+      })
+    },
+    fetchM3u8List (info) {
+      return new Promise((resolve) => {
+        const cacheKey = info.site + '@' + info.ids
+        if (VIDEO_DETAIL_CACHE[cacheKey]) {
+          this.name = VIDEO_DETAIL_CACHE[cacheKey].name
+          resolve(VIDEO_DETAIL_CACHE[cacheKey].list)
+          return
+        }
+        zy.detail(info.site, info.ids).then(res => {
+          this.name = res.name
+          const dd = res.dl.dd
          const type = Object.prototype.toString.call(dd)
          let m3u8Txt = []
          if (type === '[object Array]') {
@@ -117,25 +162,12 @@ export default {
              m3u8Arr.push(j[0])
            }
          }
-          this.m3u8Arr = m3u8Arr
-          this.xg.src = m3u8Arr[res.index]
-          if (res.time !== 0 || res.time !== '') {
-            this.xg.play()
-            this.xg.once('playing', () => {
-              this.xg.currentTime = res.time
-            })
-          } else {
-            this.xg.play()
+
+          VIDEO_DETAIL_CACHE[cacheKey] = {
+            list: m3u8Arr,
+            name: res.name
          }
-          this.videoPlaying()
-          this.xg.once('ended', () => {
-            if (m3u8Arr.length > 1 && (m3u8Arr.length - 1 > res.index)) {
-              this.video.time = 0
-              this.video.index++
-              this.xg.src = m3u8Arr[this.video.index]
-              this.xg.play()
-            }
-          })
+          resolve(m3u8Arr)
        })
      })
    },
@@ -177,6 +209,7 @@ export default {
    },
    prevEvent () {
      if (this.video.index === 0) {
+        this.$message.info('已是第一集.')
        return false
      }
      history.find({ site: this.video.site, ids: this.video.ids }).then(res => {
@@ -192,6 +225,7 @@ export default {
    },
    nextEvent () {
      if (this.video.index >= this.m3u8Arr.length - 1) {
+        this.$message.info('已是最后一集.')
        return false
      }
      history.find({ site: this.video.site, ids: this.video.ids }).then(res => {
@@ -284,8 +318,10 @@ export default {
        return false
      }
      if (e === 'escape') {
-        this.xg.exitFullscreen()
-        this.xg.exitCssFullscreen()
+        if (this.xg.fullscreen) {
+          this.xg.exitFullscreen()
+          this.xg.exitCssFullscreen()
+        }
        return false
      }
      if (e === 'next') {
@@ -351,12 +387,10 @@ export default {
      }
    }
  },
-  created () {
-    this.getUrls()
-    this.mtEvent()
-  },
  mounted () {
    this.xg = new Hls(this.config)
+    this.mtEvent()
+    this.getUrls()
  },
  beforeDestroy () {
    clearInterval(this.timer)
@@ -427,6 +461,8 @@ html,body{
        display: inline-block;
        width: 16px;
        height: 16px;
+        text-align: center;
+        line-height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        cursor: pointer;
@@ -437,6 +473,9 @@ html,body{
        &.close{
          background-color: #ff5f56;
        }
+        &.top{
+          background-color: #f3bab7;
+        }
        &:hover{
          animation: heartbeat 3s ease-in-out infinite both;
        }
--- a/yarn.lock
+++ b/yarn.lock
@@ -9918,16 +9918,16 @@ xdg-basedir@^4.0.0:

 xgplayer-hls.js@^2.2.3:
  version "2.2.3"
-  resolved "https://registry.npmjs.org/xgplayer-hls.js/-/xgplayer-hls.js-2.2.3.tgz#bf538911145346c447528d609fc95dd267a24d81"
+  resolved "https://registry.yarnpkg.com/xgplayer-hls.js/-/xgplayer-hls.js-2.2.3.tgz#bf538911145346c447528d609fc95dd267a24d81"
  integrity sha512-CFsZanBHHRbqTmqYCFFONk76oWwJwbn+8LK/XkwBBrUrqGPQPmrXfjelGjKDDGfZ+w3xReC1nGom3IpN+lLoaQ==
  dependencies:
    deepmerge "2.0.1"
    event-emitter "^0.3.5"

-xgplayer@^2.9.8:
-  version "2.9.8"
-  resolved "https://registry.npmjs.org/xgplayer/-/xgplayer-2.9.8.tgz#ce6646f8ef99594ca9414449f83f816320c4ec83"
-  integrity sha512-MICegbLRMNdOa9kRcsY5BVfwKmwvO+quJST/ejSJngdvDrB4E9dX53zhL3OT6KH4n9aCifl5qCYzTRWD6qH22w==
+xgplayer@^2.9.10:
+  version "2.9.10"
+  resolved "https://registry.yarnpkg.com/xgplayer/-/xgplayer-2.9.10.tgz#4e79b889621f829b773c118ab93da55f829d4490"
+  integrity sha512-5a7Xm0AY8qPRXZFxrPRErjzCERsENaskQ8Fq5Sy4ht13TMzYp0VIRREU7XF8efpJGcPsOOuFlCiMrqSpYEIAUA==
  dependencies:
    chalk "^2.3.2"
    commander "^2.15.1"
Author	SHA1	Message	Date
haiyangcui	69a397e24e	Merge branch 'master' of https://github.com/Hunlongyu/ZY-Player	2020-08-30 13:48:01 +02:00
haiyangcui	c216352268	改进详情页面宽度	2020-08-30 13:47:39 +02:00
haiyangcui	89448d390f	Install cheerio	2020-08-30 13:32:07 +02:00
haiyangcui	a853b02aa0	v2.4.5	2020-08-30 13:23:00 +02:00
haiyangcui	0443ce248f	重置源放最后	2020-08-30 13:03:51 +02:00
haiyangcui	8009c3197e	比较头两个搜索结果	2020-08-30 12:09:23 +02:00
haiyangcui	978d4e7181	2.4.5	2020-08-30 11:35:20 +02:00
haiyangcui	138b70263a	添加豆瓣评分	2020-08-30 11:34:22 +02:00
haiyangcui	7f48c91f97	如果没有选择本地播放器,选择在线播放	2020-08-30 10:49:08 +02:00
haiyangcui	7a494a54c0	详情页添加"豆瓣"	2020-08-30 10:28:57 +02:00
haiyangcui	97812af0fd	v2.4.4	2020-08-28 15:00:56 +02:00
haiyangcui	490d7c963e	支持导入所有剧集到PotPlayer	2020-08-28 14:53:09 +02:00
haiyangcui	ed1afa2026	添加“重置源”功能	2020-08-28 12:58:16 +02:00
haiyangcui	7ef114d0e3	Change View的时候关闭Detail	2020-08-28 12:43:09 +02:00
haiyangcui	7f9b7fc2c8	Detail页面左边留出60px，侧边栏的宽度	2020-08-28 12:40:26 +02:00
haiyangcui	511820f873	修复历史记录里的下载功能	2020-08-27 17:01:22 +02:00
haiyangcui	af6dcb11bf	修复剧集的分享功能	2020-08-27 16:53:46 +02:00
haiyangcui	7ecad1ad8e	同步历史和收藏的operate buttons	2020-08-27 16:45:29 +02:00
haiyangcui	4d169f9d51	删除无用代码	2020-08-27 16:36:04 +02:00
haiyangcui	f3862e8385	格式化快捷键数据	2020-08-27 16:20:03 +02:00
haiyangcui	490d4839b7	没有更新的收藏跳过clearHasUpdateFlag	2020-08-27 16:06:46 +02:00
haiyangcui	033bcb3df7	修复下载功能	2020-08-27 15:52:56 +02:00
haiyangcui	df22efa980	导入收藏时不清空	2020-08-27 15:26:47 +02:00
haiyangcui	5428891297	删除多余信息	2020-08-27 15:14:03 +02:00
haiyangcui	bb3502774b	同步时更新收藏信息	2020-08-27 15:05:57 +02:00
haiyangcui	fa67ad03d2	恢复播放页面的收藏逻辑	2020-08-27 15:03:28 +02:00
haiyangcui	8a196ae52a	解决收藏项无法直接播放的bug	2020-08-27 14:48:11 +02:00
haiyangcui	ebfb681205	导出时先更新数据	2020-08-27 14:32:29 +02:00
haiyangcui	ba9f3246d2	Fix typo bug	2020-08-27 14:25:22 +02:00
haiyangcui	51cb181acd	改进播放页面的收藏功能	2020-08-27 13:58:05 +02:00
haiyangcui	33537638b0	更新version到2.4.3	2020-08-27 13:39:50 +02:00
haiyangcui	fa9f85a177	使用star.key	2020-08-27 13:33:21 +02:00
haiyangcui	3e1ecaac74	Fix bug in checkStar	2020-08-27 13:24:55 +02:00
haiyangcui	5cc9849e8a	导入收藏时升级数据格式	2020-08-27 13:13:45 +02:00
haiyangcui	e353b629c5	添加"更新收藏"	2020-08-27 13:08:41 +02:00
haiyangcui	4d20d5bc68	No need to record site info in star	2020-08-27 13:08:22 +02:00
haiyangcui	a921ce7adf	添加“清空所有收藏”	2020-08-27 12:39:54 +02:00
haiyangcui	1dd8d0dd24	在视图和列表里添加备注	2020-08-26 18:15:02 +02:00
haiyangcui	b90c359670	Reverse the list return by zy.list, to get video list from new to old	2020-08-26 16:24:57 +02:00
haiyangcui	27eb8c06ff	添加“最新”到class列表	2020-08-26 11:42:15 +02:00
haiyangcui	add2bedb61	v2.4.2	2020-08-25 16:59:59 +02:00
haiyangcui	3dc970e198	更新已存在的收藏	2020-08-25 15:54:07 +02:00
haiyangcui	3f2def4455	添加第三方播放器路径设置	2020-08-25 14:38:46 +02:00
haiyangcui	5b8d883af4	Format JSON string	2020-08-25 13:48:33 +02:00
haiyangcui	7113567475	可以使用PotPlayer打开视频	2020-08-25 00:31:34 +02:00
haiyangcui	e30da35e72	Import sites from file	2020-08-24 13:10:30 +02:00
haiyangcui	55b7396a2e	Export sites to file	2020-08-24 12:54:31 +02:00
haiyangcui	83568fa499	No need to copy to clipboard	2020-08-24 12:32:51 +02:00
haiyangcui	838d3a64cd	v2.4.1	2020-08-23 17:48:10 +02:00
haiyangcui	506be03e3e	从文件中导入收藏	2020-08-23 17:45:19 +02:00
haiyangcui	cfdb561473	加入取消操作识别	2020-08-23 15:03:47 +02:00
haiyangcui	ab2f45189f	导出收藏到文件	2020-08-23 14:33:59 +02:00
haiyangcui	f4b9a73b18	Simple favorites export import	2020-08-22 17:55:10 +02:00
haiyangcui	6f99d789f4	2.4.0	2020-08-22 16:08:38 +02:00
haiyangcui	e71090dad2	Wrap the items in Settings theme-box	2020-08-22 15:54:39 +02:00
haiyangcui	afe3351837	Add left margin to name	2020-08-22 15:35:28 +02:00
haiyangcui	5dc0613aeb	列表自适应	2020-08-22 15:06:10 +02:00
haiyangcui	1c6385ae6c	使用v-show显示隐藏class element,这样可以保持其占位	2020-08-22 10:58:47 +02:00
haiyangcui	88a95a8bfb	保存搜索选项设置	2020-08-22 00:20:18 +02:00
haiyangcui	951e6ffa37	更好的修复bug#183	2020-08-21 23:49:00 +02:00
haiyangcui	b83aed0a97	解决bug #183	2020-08-21 23:36:17 +02:00
haiyangcui	67ce537039	Add search style	2020-08-21 23:00:21 +02:00
haiyangcui	975562a66b	Fix a bug in Detail.vue	2020-08-19 23:31:20 +02:00
haiyangcui	8e7015c9d6	调整"搜索所有资源"位置	2020-08-19 23:09:42 +02:00
haiyangcui	b841552dc7	转移"搜索所有资源"到设置页面	2020-08-19 18:07:37 +02:00
haiyangcui	0a9b939dc3	v2.3.8	2020-08-19 11:36:08 +02:00
haiyangcui	14ff252cce	定义--highlight-color	2020-08-19 08:30:18 +02:00
haiyangcui	afd016be93	取消“搜索所有资源”的边框	2020-08-18 23:00:05 +02:00
haiyangcui	9cd7f7d267	高亮有更新的收藏项	2020-08-18 22:51:03 +02:00
haiyangcui	8a76ec4e87	Null check on site	2020-08-18 17:39:39 +02:00
haiyangcui	a00d965ce9	v2.3.7	2020-08-18 16:00:05 +02:00
Hunlongyu	c9eb0c3e22	Merge pull request #178 from cuiocean/master 添加搜索所有资源功能	2020-08-18 16:13:08 +08:00
haiyangcui	c80c0bd948	Video中添加site信息	2020-08-16 23:02:18 +02:00
haiyangcui	65dcfa04ae	在star中添加key信息	2020-08-16 22:58:12 +02:00
haiyangcui	4e4ab82ea2	添加site信息在Detail里	2020-08-16 22:30:54 +02:00
haiyangcui	dd2adf4f99	更新格式	2020-08-15 16:44:43 +02:00
haiyangcui	777fbde528	在历史界面显示资源网站名,而不是资源标识	2020-08-15 16:30:09 +02:00
haiyangcui	472898f978	Fix downloadEvent	2020-08-15 12:27:44 +02:00
haiyangcui	7f41d415f1	删除searchSingleSiteEvent	2020-08-15 12:18:40 +02:00
haiyangcui	5d37a36c21	添加简单的style	2020-08-15 11:23:19 +02:00
haiyangcui	3a499766af	playEvent starEvent shareEvent downloadEvent all take site as the input argument	2020-08-15 10:56:48 +02:00
haiyangcui	cea797b6d0	Save whole site data to res.site	2020-08-14 21:55:41 +02:00
haiyangcui	37b41b0e20	无搜索结果时，提示资源网站名字	2020-08-14 19:41:00 +02:00
haiyangcui	1105c46f08	添加“搜索所有资源”checkbox	2020-08-14 19:29:39 +02:00
haiyangcui	1df7b41edd	搜索结果显示资源网名字	2020-08-13 22:04:50 +02:00
haiyangcui	f76c71c950	Merge searchClickEvent and searchEvent	2020-08-13 21:46:23 +02:00
Hunlongyu	cd77384bd9	😄 v2.3.6 😆	2020-08-12 15:47:33 +08:00
Hunlongyu	64adc9d6c1	Merge pull request #170 from cuiocean/master 添加"备注"到搜索结果	2020-08-12 15:46:16 +08:00
haiyangcui	e9095e50a6	添加"备注"到搜索结果	2020-08-06 08:51:39 +02:00
Hunlongyu	acfa742b4f	👮‍♂️ v2.3.5 👨‍🚀	2020-08-06 10:15:34 +08:00
Hunlongyu	a79c48cba0	👨‍🚒👩‍🚒 v2.3.4 👨‍🚀👩‍🚀	2020-08-06 10:13:51 +08:00
Hunlongyu	904ef5ccea	modify css	2020-08-06 09:58:39 +08:00
Hunlongyu	3db281c87f	Merge pull request #168 from cuiocean/master 添加"备注"列到收藏试图	2020-08-06 09:57:29 +08:00
haiyangcui	076e6e99e4	当有更新时，刷新list列表	2020-08-05 17:06:17 +02:00
haiyangcui	32f6ac0310	添加"备注"列到收藏试图	2020-08-05 16:39:46 +02:00
haiyangcui	b8706ea432	添加播放视频点击事件到历史记录里的片名	2020-08-05 16:27:11 +02:00
haiyangcui	509d6c7900	添加"备注"列到收藏试图	2020-08-05 16:25:45 +02:00
Hunlongyu	51454d828c	🐱‍💻 v2.3.3 🐱‍🐉	2020-08-05 11:37:37 +08:00
Hunlongyu	59449886f5	🐱‍👤 新增一键同步所有收藏, 优化样式 🐱‍🏍	2020-08-05 11:35:39 +08:00
Hunlongyu	601e9895cc	Merge pull request #166 from cuiocean/master 添加"同步所有收藏"按钮	2020-08-05 11:03:21 +08:00
haiyangcui	1ba8b46990	Fix typo in the function name	2020-08-04 19:06:17 +02:00
haiyangcui	7ed34caa56	Add UpdateAll button	2020-08-04 17:53:07 +02:00
Hunlongyu	fc40521420	🐱‍💻🐱‍🐉 发版 2.2.0 🐱‍👓🐱‍🚀	2020-08-04 10:17:19 +08:00
Hunlongyu	cfdd836e01	showHistory change to history	2020-08-04 10:14:11 +08:00
Hunlongyu	083e00ddbf	Merge pull request #163 from cuiocean/master 添加“历史记录”到侧边栏	2020-08-04 10:10:07 +08:00
Hunlongyu	c41c7c4857	✌ 修改为字符串 👌	2020-08-04 10:09:22 +08:00
Hunlongyu	4bde51dc38	Merge branch 'master' of https://github.com/Hunlongyu/ZY-Player	2020-08-04 10:03:38 +08:00
Hunlongyu	38c7540145	删除 console	2020-08-04 10:03:33 +08:00
Hunlongyu	a44579d4a1	Merge pull request #160 from hectorqin/master 修复m3u8链接获取问题,修复跨域问题	2020-08-04 10:00:10 +08:00
Hunlongyu	7f2d6f12c0	删除备注, 以及console	2020-08-04 09:51:48 +08:00
haiyangcui	daf1c4ddb6	Add ShowHistory to Aside	2020-08-03 21:13:50 +02:00
hectorqin	c1372c5589	新增复制调试信息功能和上次播放提示	2020-08-02 11:57:36 +08:00
hectorqin	c623533271	修复m3u8链接获取问题,修复跨域问题	2020-08-01 22:04:14 +08:00
Hunlongyu	069e7e16d6	✌ 大佬优化了播放器 🤞	2020-07-29 10:31:55 +08:00
Hunlongyu	cabe4240f4	Merge pull request #150 from hectorqin/master 完善播放器功能，完善右上角窗口管理icon	2020-07-29 10:27:57 +08:00
hectorqin	5448e86109	更新播放库	2020-07-29 09:54:45 +08:00
hectorqin	536f6dad7d	新增导出播放列表功能,修复mini同步进度,优化mini视频加载	2020-07-28 22:53:54 +08:00
hectorqin	bf2796779f	优化播放器	2020-07-28 21:18:21 +08:00
hectorqin	3a29147fd6	完善右上角按钮,完善播放器标题	2020-07-28 17:33:45 +08:00
hectorqin	e987ecc446	完善播放器功能	2020-07-28 10:21:14 +08:00
Hunlongyu	9aee6d8527	Merge pull request #143 from godvmxi/master add yarn guide for dev and build	2020-07-24 20:39:35 +08:00
Bright Jiang	4d438fcdd3	add yarn usage guide for dev and build	2020-07-24 15:23:34 +08:00
hunlongyu	36e40f4778	🚀 x86 🚁	2020-07-22 10:51:38 +08:00
hunlongyu	422def0702	🎨🖼 x86 打包 🎭🎪	2020-07-22 09:44:25 +08:00
hunlongyu	fc52d79d88	✨🎉 V2.0.0 正式版发布 🎇🎊	2020-07-22 09:38:26 +08:00
dandan	cc09d0aca0	Merge pull request #1 from Hunlongyu/master merge to latest	2020-07-17 14:36:52 +08:00
hunlongyu	b514f1c04e	v1.2.6	2020-07-16 00:03:34 +08:00
hunlongyu	189e67eb22	🦺 1.2.5 🥼	2020-07-15 23:55:34 +08:00
hunlongyu	e5c3adf1c5	🎍 1.2.4 🎋	2020-07-15 23:53:53 +08:00
hunlongyu	299367f0b8	✨ 修复收藏夹播放多集视频的BUG 🎉	2020-07-15 23:51:27 +08:00
hunlongyu	0d67474459	🎟 版本号 🎫	2020-07-15 17:38:21 +08:00
hunlongyu	15a188aa85	🎍 优化 MINI 模式 🎋	2020-07-15 17:38:00 +08:00
hunlongyu	0555badcfa	🍚 修复列表模式下, 下载BUG 🍜	2020-07-14 16:35:51 +08:00
hunlongyu	6f8f700dfc	🍟 修复BUG 🌭	2020-07-14 15:26:01 +08:00
hunlongyu	001772d75c	🎉 优化搜索 🎊	2020-07-14 00:17:26 +08:00
hunlongyu	a2d2215646	🎆 修复详情页无法播放的BUG 🎇	2020-07-14 00:16:55 +08:00
hunlongyu	053853f036	🍖 首页新增文档入口 🍗	2020-07-13 17:58:39 +08:00
hunlongyu	d4ea77b961	modify base	2020-07-13 17:52:59 +08:00
hunlongyu	1cd91aada2	🌮 切换端口号, 添加文档 🥪	2020-07-13 17:49:45 +08:00
hunlongyu	f3aa8c1f51	🥗 新增多个下载入口 🥙	2020-07-13 15:25:47 +08:00
hunlongyu	ce73a9a095	🎋 优化搜索 🎄	2020-07-12 02:44:32 +08:00
				`@@ -0,0 +1 @@`
				`<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>`
				`@@ -0,0 +1 @@`
				(window.webpackJsonp=window.webpackJsonp\|\|[]).push([[3],{317:function(t,e,n){},348:function(t,e,n){"use strict";var i=n(317);n.n(i).a},355:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text\|\|i().default)}},r=(n(348),n(42)),a=Object(r.a)(i,void 0,void 0,!1,null,"50e657c5",null);e.default=a.exports}}]);
				`@@ -0,0 +1 @@`
				`(window.webpackJsonp=window.webpackJsonp\|\|[]).push([[5],{351:function(t,e,n){"use strict";n.r(e);var s=n(42),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c\|\|t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]);`