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