From 81a2ca599d7e09e1f14001f2486dccfe8d396d9d Mon Sep 17 00:00:00 2001
From: qq_59556663 <qq_59556663@devide>
Date: Mon, 23 Oct 2023 16:27:13 +0800
Subject: [PATCH] Auto Commit

---
 src/App.vue          | 12 +++++++++---
 src/uitls/preview.ts |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d647cb2..26ec4ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,19 +3,24 @@
     <input type="file" accept="video/*,image/*" @change="loadFile">
     <video id="file" width="480" height="270" v-show="showVideo" controls muted autoplay />
     <button v-show="showVideo" @click="intercept">截取</button>
+    <input type="text" v-model="inputvalue" placeholder="请输入你要截取第几帧" >
+    <button v-show="showVideo" @click="intercepts">特定帧率</button>
     <img v-if="interceptimg" :src="interceptimg" :preview-src-list="[interceptimg]"/>
   </div>
 </template>
 <script setup lang="ts">
 //导入方法
-import { preview, intercpt } from '../src/uitls/preview'
+import { preview, intercpt ,ramerate,convert} from '../src/uitls/preview'
 import { ref } from 'vue';
 //使用之前导入上述方法
 const showVideo = ref(false)
 // const showImg=ref(false)
 // 本地渲染
+const inputvalue=ref('')
+const objfile=ref()
 async function loadFile(e: any) {
   const objres = await preview(e)
+  objfile.value=objres
   console.log(objres);
   const output = document.querySelector("#file") as HTMLVideoElement
   showVideo.value = true;
@@ -28,7 +33,8 @@ async function intercept() {
   const file = document.getElementById('file') as HTMLVideoElement;
   const res = await intercpt(file)
   interceptimg.value = res
-
-
+}
+async function intercepts(){
+  interceptimg.value = await ramerate( objfile.value, '320', '180')
 }
 </script>
\ No newline at end of file
diff --git a/src/uitls/preview.ts b/src/uitls/preview.ts
index 4bb651e..be9189d 100644
--- a/src/uitls/preview.ts
+++ b/src/uitls/preview.ts
@@ -82,4 +82,4 @@ function convert(url: any, name: string) {
     return new File([u8arr], name || 'png', { type: mime })
 }
 
-export {preview ,intercpt}
\ No newline at end of file
+export {preview ,intercpt,convert,ramerate}
\ No newline at end of file
-- 
GitLab