feat:视频浏览

ZhangXianQiang

2024-07-05 98f494cf633e3acf5c20f3e9de0d708f2a6c2045

 src/components/PDFVIewer/index.vue

@@ -1,24 +1,26 @@
<template>
  <div class="pdf-container">
    <canvas ref="pdfCanvas" class="pdf-canvas"></canvas>
    <iframe :src="fileUrl" width="100%" height="100%"></iframe>
  </div>
</template>

<script setup>
import { ref,onMounted } from 'vue';
import { ref, onMounted } from 'vue';

const props = defineProps({
  pdfUrl: {
    type: String,
    required: true
  }
})
const pdfCanvas = ref(null);
});
const viewerUrl = '/pdfjs/web/viewer.html?file='; // pdfjs文件地址

const fileUrl = ref('');


const renderPDF = () => {
  const url = props.pdfUrl;
  console.log(window.pdfjsLib);
}
  fileUrl.value = viewerUrl + encodeURIComponent(props.pdfUrl);
};

onMounted(() => {
  renderPDF();