diff --git a/apps/angular-app/src/app/app.component.ts b/apps/angular-app/src/app/app.component.ts index f27144ed9e..93d4a89721 100644 --- a/apps/angular-app/src/app/app.component.ts +++ b/apps/angular-app/src/app/app.component.ts @@ -4,7 +4,7 @@ import { RouterOutlet } from '@angular/router'; import { FFmpeg } from '@ffmpeg/ffmpeg'; import { fetchFile, toBlobURL } from '@ffmpeg/util'; -const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.10/dist/esm'; +const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.10/dist/esm'; @Component({ selector: 'app-root', diff --git a/apps/nextjs-app/app/Home.tsx b/apps/nextjs-app/app/Home.tsx index 0681b48443..29ee210e47 100644 --- a/apps/nextjs-app/app/Home.tsx +++ b/apps/nextjs-app/app/Home.tsx @@ -13,7 +13,7 @@ export default function Home() { const load = async () => { setIsLoading(true); - const baseURL = "https://unpkg.com/@ffmpeg/core@0.12.10/dist/umd"; + const baseURL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/umd"; const ffmpeg = ffmpegRef.current; ffmpeg.on("log", ({ message }) => { if (messageRef.current) messageRef.current.innerHTML = message; diff --git a/apps/react-vite-app/src/App.tsx b/apps/react-vite-app/src/App.tsx index 68a71e76f1..0b8a4c5016 100644 --- a/apps/react-vite-app/src/App.tsx +++ b/apps/react-vite-app/src/App.tsx @@ -9,7 +9,7 @@ function App() { const messageRef = useRef(null); const load = async () => { - const baseURL = "https://unpkg.com/@ffmpeg/core-mt@0.12.10/dist/esm"; + const baseURL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.10/dist/esm"; const ffmpeg = ffmpegRef.current; ffmpeg.on("log", ({ message }) => { if (messageRef.current) messageRef.current.innerHTML = message; diff --git a/apps/solidstart-app/src/routes/index.tsx b/apps/solidstart-app/src/routes/index.tsx index 189082cf26..b72f2ecb45 100644 --- a/apps/solidstart-app/src/routes/index.tsx +++ b/apps/solidstart-app/src/routes/index.tsx @@ -2,7 +2,7 @@ import { FFmpeg } from '@ffmpeg/ffmpeg'; import { fetchFile, toBlobURL } from '@ffmpeg/util'; import { createSignal, Show } from 'solid-js'; -const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.6/dist/esm'; +const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.6/dist/esm'; const videoURL = 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/video-15s.avi'; diff --git a/apps/sveltekit-app/src/lib/FFmpegDemo.svelte b/apps/sveltekit-app/src/lib/FFmpegDemo.svelte index 4b451ebf0c..fc1f09540d 100644 --- a/apps/sveltekit-app/src/lib/FFmpegDemo.svelte +++ b/apps/sveltekit-app/src/lib/FFmpegDemo.svelte @@ -6,7 +6,7 @@ let videoEl: HTMLVideoElement; - const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.6/dist/esm'; + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.6/dist/esm'; const videoURL = 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/video-15s.avi'; let message = 'Click Start to Transcode'; diff --git a/apps/website/docs/getting-started/usage.md b/apps/website/docs/getting-started/usage.md index 3631ed0a34..20092cfb03 100644 --- a/apps/website/docs/getting-started/usage.md +++ b/apps/website/docs/getting-started/usage.md @@ -11,7 +11,7 @@ It is recommended to read [Overview](/docs/overview) first. :::caution If you are a [vite](https://vitejs.dev/) user, use `esm` in **baseURL** instead of `umd`: -~~https://unpkg.com/@ffmpeg/core@0.12.10/dist/umd~~ => https://unpkg.com/@ffmpeg/core@0.12.10/dist/esm +~~https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/umd~~ => https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/esm ::: ```jsx live @@ -24,7 +24,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; @@ -81,7 +81,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; @@ -134,7 +134,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; @@ -192,7 +192,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; // Listen to progress event instead of log. ffmpeg.on('progress', ({ progress, time }) => { @@ -243,7 +243,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; @@ -313,7 +313,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; @@ -372,7 +372,7 @@ function() { const messageRef = useRef(null); const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' + const baseURL = 'https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.6/dist/umd' const ffmpeg = ffmpegRef.current; ffmpeg.on('log', ({ message }) => { messageRef.current.innerHTML = message; diff --git a/apps/website/src/components/Playground/const.ts b/apps/website/src/components/Playground/const.ts index fb040bc816..a7c203335f 100644 --- a/apps/website/src/components/Playground/const.ts +++ b/apps/website/src/components/Playground/const.ts @@ -1,14 +1,14 @@ export const CORE_VERSION = "0.12.6"; -export const CORE_URL = `https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; -export const CORE_MT_URL = `https://unpkg.com/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; +export const CORE_URL = `https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; +export const CORE_MT_URL = `https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; export const CORE_SIZE = { - [`https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`]: 114673, - [`https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`]: 32129114, - [`https://unpkg.com/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.js`]: 132680, - [`https://unpkg.com/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`]: 32609891, - [`https://unpkg.com/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.worker.js`]: 2915, + [`https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`]: 114673, + [`https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`]: 32129114, + [`https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.js`]: 132680, + [`https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`]: 32609891, + [`https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.worker.js`]: 2915, }; export const SAMPLE_FILES = { diff --git a/packages/ffmpeg/src/const.ts b/packages/ffmpeg/src/const.ts index 940651330e..5ced388c06 100644 --- a/packages/ffmpeg/src/const.ts +++ b/packages/ffmpeg/src/const.ts @@ -2,7 +2,7 @@ export const MIME_TYPE_JAVASCRIPT = "text/javascript"; export const MIME_TYPE_WASM = "application/wasm"; export const CORE_VERSION = "0.12.10"; -export const CORE_URL = `https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; +export const CORE_URL = `https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; export enum FFMessageType { LOAD = "LOAD", diff --git a/packages/ffmpeg/src/types.ts b/packages/ffmpeg/src/types.ts index 6082a6d908..5ddf97d50e 100644 --- a/packages/ffmpeg/src/types.ts +++ b/packages/ffmpeg/src/types.ts @@ -7,20 +7,20 @@ export interface FFMessageLoadConfig { /** * `ffmpeg-core.js` URL. * - * @defaultValue `https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; + * @defaultValue `https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.js`; */ coreURL?: string; /** * `ffmpeg-core.wasm` URL. * - * @defaultValue `https://unpkg.com/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`; + * @defaultValue `https://cdn.jsdelivr.net/npm/@ffmpeg/core@${CORE_VERSION}/dist/umd/ffmpeg-core.wasm`; */ wasmURL?: string; /** * `ffmpeg-core.worker.js` URL. This worker is spawned when using multithread version of ffmpeg-core. * * @ref: https://ffmpegwasm.netlify.app/docs/overview#architecture - * @defaultValue `https://unpkg.com/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.worker.js`; + * @defaultValue `https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@${CORE_VERSION}/dist/umd/ffmpeg-core.worker.js`; */ workerURL?: string; /**