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