dumtruck/konowebcodecs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update vue-vite-app with mt version

Browse Source
This commit is contained in:
Jerome Wu 2023-08-09 17:18:28 +08:00
parent 681037db97
commit 716a229ecb
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/vue-vite-app/src/components/FFmpegDemo.vue
View File

@ -11,7 +11,7 @@ import type { LogEvent } from '@ffmpeg/ffmpeg/dist/esm/types'
import { fetchFile, toBlobURL } from '@ffmpeg/util' import { fetchFile, toBlobURL } from '@ffmpeg/util'
import { defineComponent, ref } from 'vue' import { defineComponent, ref } from 'vue'
const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.1/dist/esm' const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.2/dist/esm'
const videoURL = 'https://ffmpegwasm.netlify.app/video/video-15s.avi' const videoURL = 'https://ffmpegwasm.netlify.app/video/video-15s.avi'
export default defineComponent({ export default defineComponent({
@ -28,7 +28,8 @@ export default defineComponent({
}) })
await ffmpeg.load({ await ffmpeg.load({
coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'),
wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'applicaiton/wasm') wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'applicaiton/wasm'),
workerURL: await toBlobURL(`${baseURL}/ffmpeg-core.worker.js`, 'text/javascript')
}) })
message.value = 'Start transcoding' message.value = 'Start transcoding'
await ffmpeg.writeFile('test.avi', await fetchFile(videoURL)) await ffmpeg.writeFile('test.avi', await fetchFile(videoURL))

6
apps/vue-vite-app/vite.config.ts
View File

@ -11,5 +11,11 @@ export default defineConfig({
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)) '@': fileURLToPath(new URL('./src', import.meta.url))
} }
},
server: {
headers: {
'Cross-Origin-Opener-Policy': 'same-origin',
'Cross-Origin-Embedder-Policy': 'require-corp'
}
} }
}) })