From 7fae2e8b34fa93573d9e52c85ed58c6fe5ac36ae Mon Sep 17 00:00:00 2001
From: Jerome Wu <jeromewus@gmail.com>
Date: Fri, 28 Jul 2023 00:00:45 +0800
Subject: [PATCH] Add mime type in usage

---
 apps/website/docs/getting-started/usage.md | 45 +++++++++++++++++-----
 1 file changed, 36 insertions(+), 9 deletions(-)

diff --git a/apps/website/docs/getting-started/usage.md b/apps/website/docs/getting-started/usage.md
index f17e8f0..9a87bd5 100644
--- a/apps/website/docs/getting-started/usage.md
+++ b/apps/website/docs/getting-started/usage.md
@@ -31,8 +31,14 @@ function() {
         // toBlobURL is used to bypass CORS issue, urls with the same
         // domain can be used directly.
         await ffmpeg.load({
-            coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`),
-            wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`),
+            coreURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.js`,
+                "text/javascript",
+            ),
+            wasmURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.wasm`,
+                "application/wasm",
+            ),
         });
         setLoaded(true);
     }
@@ -89,9 +95,18 @@ function() {
         // toBlobURL is used to bypass CORS issue, urls with the same
         // domain can be used directly.
         await ffmpeg.load({
-            coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`),
-            wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`),
-            workerURL: await toBlobURL(`${baseURL}/ffmpeg-core.worker.js`),
+            coreURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.js`,
+                "text/javascript",
+            ),
+            wasmURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.wasm`,
+                "application/wasm",
+            ),
+            workerURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.worker.js`,
+                "text/javascript",
+            ),
             thread: true,
         });
         setLoaded(true);
@@ -148,8 +163,14 @@ function() {
         // toBlobURL is used to bypass CORS issue, urls with the same
         // domain can be used directly.
         await ffmpeg.load({
-            coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`),
-            wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`),
+            coreURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.js`,
+                "text/javascript",
+            ),
+            wasmURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.wasm`,
+                "application/wasm",
+            ),
         });
         setLoaded(true);
     }
@@ -203,8 +224,14 @@ function() {
         // toBlobURL is used to bypass CORS issue, urls with the same
         // domain can be used directly.
         await ffmpeg.load({
-            coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`),
-            wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`),
+            coreURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.js`,
+                "text/javascript",
+            ),
+            wasmURL: await toBlobURL(
+                `${baseURL}/ffmpeg-core.wasm`,
+                "application/wasm",
+            ),
         });
         setLoaded(true);
     }