From 9101b1d1345df16ceab4ac57fd452299a0a4c036 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 15:03:19 +0800
Subject: [PATCH] feat:视频查看

---
 src/views/folder/index.vue           |    5 ++++-
 public/test.pdf                      |    0 
 src/main.js                          |    1 +
 components.d.ts                      |    1 +
 src/components/VideoViewer/index.vue |   25 +++++++++++++++++++++++++
 5 files changed, 31 insertions(+), 1 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 9de0d54..8770ace 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -41,6 +41,7 @@
     PDFVIewer: typeof import('./src/components/PDFVIewer/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    VideoViewer: typeof import('./src/components/VideoViewer/index.vue')['default']
   }
   export interface ComponentCustomProperties {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
diff --git a/public/test.pdf b/public/test.pdf
new file mode 100644
index 0000000..5a43c7d
--- /dev/null
+++ b/public/test.pdf
Binary files differ
diff --git a/src/components/VideoViewer/index.vue b/src/components/VideoViewer/index.vue
new file mode 100644
index 0000000..18ed0c6
--- /dev/null
+++ b/src/components/VideoViewer/index.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="video-container">
+    <div id="player"></div>
+  </div>
+</template>
+
+<script setup>
+import {ref} from 'vue';
+import Player from 'xgplayer';
+
+const props = defineProps({
+  videoUrl: {
+    type: String,
+    required: true
+  }
+});
+
+const player = ref(null);
+
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 0c86025..29a3bd4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,6 +3,7 @@
 import App from './App.vue';
 import ElementPlus from 'element-plus';
 import 'element-plus/dist/index.css';
+import 'xgplayer/dist/index.min.css'; // 寮曞叆瑗跨摐瑙嗛鏍峰紡
 import router from '@/router/index.js';
 import pinia from './store';
 import VueUeditorWrap from 'vue-ueditor-wrap';
diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue
index 49f543c..c5ce122 100644
--- a/src/views/folder/index.vue
+++ b/src/views/folder/index.vue
@@ -52,7 +52,7 @@
 
     <!-- pdf鏌ョ湅 -->
     <div class="pdf-container" v-show="pdfViewer">
-      <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
+      <PDFViewer :pdfUrl="'/test.pdf'"></PDFViewer>
       <div class="close-btn">
         <el-button type="danger" size="large" circle @click="closeViewer">
           <template #icon>
@@ -70,7 +70,10 @@
      </div>
 
      <!-- 瑙嗛鏌ョ湅 -->
+     <div class="video-container">
       
+     </div>
+
   </div>
 </template>
 

--
Gitblit v1.8.0