From f27bcff9ebe7ee97498e259b3fd63beb45b5cc04 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Thu, 23 Feb 2023 13:09:05 +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      | 28 ++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue
index de4c083..bf4ec10 100644
--- a/src/components/DashBoard.vue
+++ b/src/components/DashBoard.vue
@@ -243,8 +243,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 0223840..b244ad0 100644
--- a/src/components/Side.vue
+++ b/src/components/Side.vue
@@ -56,6 +56,7 @@
               任务创建时间:{{props.row.createTimeDisplay}}<br>
               <el-button @click="downloadTask(props.row.download)" :disabled="props.row.download === undefined">下载</el-button>
               <el-button @click="deleteVideo(props.row.id)" :disabled="props.row.download === undefined">删除</el-button>
+              <el-button @click="openVideoPanel(props.row.download)" :disabled="props.row.download === undefined">在线播放</el-button>
             </template>
           </el-table-column>
 
@@ -135,6 +136,9 @@
                 :preview-src-list="currentLinks" :initial-index="index" loading="lazy"/>
     </el-scrollbar>
   </el-dialog>
+  <el-dialog v-model="isPlaying" @opened="initPlayer()" @closed="destroyPlayer()" width="95%" title="在线预览">
+    <div id="player"></div>
+  </el-dialog>
 </template>
 
 <script setup>
@@ -142,6 +146,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)
@@ -149,6 +154,12 @@ 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("")
@@ -314,6 +325,23 @@ 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',
+    width: '100%',
+    height: '56%'
+  })
+}
+function destroyPlayer(){
+  player.value.destroy()
+}
 
 //显示缩略图
 function showThumbnail(gallery){