From 0c2c77bc0dbe4ebddb907a48611cb02dfe380ae7 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Thu, 23 Feb 2023 13:09:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9Exhamster=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=EF=BC=8C=E6=96=B0=E5=A2=9E=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E9=A2=84=E8=A7=88(xgPlayer)(=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E6=9B=B4=E6=96=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DashBoard.vue |  5 +++++
 src/components/Side.vue      | 30 +++++++++++++++++++++++++++---
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue
index 57acb58..a780c1f 100644
--- a/src/components/DashBoard.vue
+++ b/src/components/DashBoard.vue
@@ -239,8 +239,13 @@ function validateLink(rawLink){
   else if(rawLink.includes("pornhub.com")){
     return rawLink.includes("view_video.php")
   }
+  else if(rawLink.includes("xhamster") && rawLink.includes(".com")){
+    return true
+  }
 }
 function coverLink(rawLink){
+  if(rawLink.includes("xhamster"))
+    rawLink = "https://zh.xhamster" + rawLink.substring(rawLink.indexOf(".com"))
   let url = new URL(rawLink)
   maskDomain.value.forEach((mask) => {
     if(url.host === mask['raw'])
diff --git a/src/components/Side.vue b/src/components/Side.vue
index 41af7c6..3778375 100644
--- a/src/components/Side.vue
+++ b/src/components/Side.vue
@@ -21,7 +21,7 @@
             <el-button @click="deleteGallery(props.row.gid)" :disabled="props.row.download === undefined">删除</el-button>
             <el-button @click="editTag(props.row.gid, props.row.tag)">编辑标签</el-button>
             <el-button @click="updateGallery(props.row.link)" :disabled="props.row.download === undefined">更新</el-button>
-            <el-button @click="shareGallery({gid:props.row.gid, shortName:props.row.shortName + '.zip'})" v-if="isLion">分享</el-button>
+            <el-button @click="shareGallery({gid:props.row.gid, shortName:props.row.shortName + '.zip'})" v-show="isLion">分享</el-button>
           </template>
         </el-table-column>
 
@@ -73,6 +73,7 @@
             <span>
               <el-button @click="downloadTask(scoped.row.download)" :disabled="scoped.row.download === undefined">下载</el-button>
               <el-button @click="deleteVideo(scoped.row.id)" :disabled="scoped.row.download === undefined">删除</el-button>
+              <el-button @click="openVideoPanel(scoped.row.download)" :disabled="scoped.row.download === undefined">在线播放</el-button>
             </span>
           </template>
         </el-table-column>
@@ -142,6 +143,9 @@
 
     <span v-show="!loadComplete" class="side">请输入授权码后再查看</span>
   </div>
+  <el-dialog v-model="isPlaying" @opened="initPlayer()" @closed="destroyPlayer()" width="635px" title="在线预览">
+    <div id="player"></div>
+  </el-dialog>
 </template>
 
 <script setup>
@@ -149,6 +153,7 @@ import store from "../store";
 import {computed, ref} from "vue";
 import axios from "axios";
 import {ElMessage} from "element-plus";
+import Player from "xgplayer";
 
 //输入
 let inputNode = ref(null)
@@ -156,6 +161,11 @@ let inputNode = ref(null)
 let isEditingPage = ref(false)
 //是否正在编辑标签
 let isEditingTag = ref(false)
+//是否打开播放面板
+let isPlaying = ref(false)
+
+let current_video_link = ref("")
+let player = ref()
 
 //临时变量
 let tempTag = ref("")
@@ -326,6 +336,22 @@ function shareGallery(data){
       ElMessage(res.data.data)
   })
 }
+function openVideoPanel(link){
+  current_video_link.value = link
+  isPlaying.value = true
+}
+function initPlayer(){
+  player.value = new Player({
+    id: "player",
+    url: current_video_link.value,
+    videoInit: true,
+    lang: 'zh-cn'
+  })
+
+}
+function destroyPlayer(){
+  player.value.destroy()
+}
 
 //显示缩略图
 function showThumbnail(gallery){
@@ -346,8 +372,6 @@ function showThumbnail(gallery){
     display: block;
   }
   .pageChanger{
-    /*position: absolute;*/
-    /*top: 85vh;*/
     margin-top: 5vh;
   }
   .el-select{