Tue Oct 24 10:12:00 CST 2023 inscode

src/App.vue

@@ -3,10 +3,10 @@
         <input type="file" accept="video/*" @change="loadFile">
         <video id="file" width="480" height="270" v-show="showVideo" controls muted autoplay />
         <button v-show="showVideo" @click="intercept">截取</button>
-          <img v-if="interceptimg" :src="interceptimg" :preview-src-list="[interceptimg]"/>
+        <img v-if="interceptimg" :src="interceptimg" :preview-src-list="[interceptimg]"/>
         <input type="text" v-model="inputvalue" placeholder="请输入你要截取第几帧" >
         <button @click="intercepts">截取特定帧率</button>
-      
+
         <img v-if="interceptimgs" :src="interceptimgs" :preview-src-list="[interceptimgs]"/>
     </div>
 </template>
@@ -39,16 +39,11 @@ async function intercept() {
 const interceptimgs=ref()
 async function intercepts(){
      console.log(objfile.value,'objfile.value')
-    const res = await ramerate(objfile.value, '320', '180',inputvalue.value)
-        // console.log(res);
+    //  获取指定帧率
+     const res = await ramerate(objfile.value, '320', '180',inputvalue.value)
+        console.log('获取截取的那一帧的base64',res);
+        interceptimgs.value=res
      const res1 = await convert(res, '截取.png')
-     console.log(res1,'res1')
-    const reader: any = new FileReader();
-    //如果是SSR渲染需要加上如下判断（比如nuxt）
-    // if(!process.browser)return
-    reader.onload =async function () {
-        interceptimgs.value = URL.createObjectURL(new Blob([reader.result]))
-    }
-    reader.readAsArrayBuffer(res1)
+     console.log(res1,'把base64转成文件类型')
 }
 </script>
\ No newline at end of file