From 14a9f61c4b8bac5629486f2239a7ec70553c7990 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sat, 15 Mar 2025 22:21:17 +0800
Subject: [PATCH] fix: replace unpkg w/ jsdelivr
---
apps/angular-app/src/app/app.component.ts | 2 +-
apps/nextjs-app/app/Home.tsx | 2 +-
apps/react-vite-app/src/App.tsx | 2 +-
apps/solidstart-app/src/routes/index.tsx | 2 +-
apps/sveltekit-app/src/lib/FFmpegDemo.svelte | 2 +-
apps/website/docs/getting-started/usage.md | 16 ++++++++--------
apps/website/src/components/Playground/const.ts | 14 +++++++-------
packages/ffmpeg/src/const.ts | 2 +-
packages/ffmpeg/src/types.ts | 6 +++---
9 files changed, 24 insertions(+), 24 deletions(-)
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<HTMLParagraphElement | null>(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;
/**