Add umd output and update browser apps

packages/ffmpeg-mt/package.json

@@ -2,13 +2,13 @@
   "name": "@ffmpeg/ffmpeg-mt",
   "version": "0.11.5",
   "description": "FFmpeg WebAssembly version w/ multi-thread",
-  "main": "./dist/cjs/ffmpeg.js",
+  "main": "./dist/umd/ffmpeg.js",
   "types": "./types/ffmpeg.d.ts",
   "exports": {
     ".": {
       "types": "./types/ffmpeg.d.ts",
       "import": "./dist/esm/ffmpeg.js",
-      "require": "./dist/cjs/ffmpeg.js"
+      "require": "./dist/umd/ffmpeg.js"
     }
   },
   "scripts": {

packages/ffmpeg-mt/tests/ffmpeg.test.html

@@ -9,7 +9,7 @@
   <div id="mocha"></div>
   <script src="../../../node_modules/mocha/mocha.js"></script>
   <script src="../../../node_modules/chai/chai.js"></script>
-  <script src="../dist/cjs/ffmpeg.js"></script>
+  <script src="../dist/umd/ffmpeg.js"></script>
   <script src="./constants.js"></script>
   <script>mocha.setup('bdd');</script>
   <script src="./ffmpeg.test.js"></script>

packages/ffmpeg/package.json

@@ -2,13 +2,13 @@
   "name": "@ffmpeg/ffmpeg",
   "version": "0.11.5",
   "description": "FFmpeg WebAssembly version",
-  "main": "./dist/cjs/ffmpeg.js",
+  "main": "./dist/umd/ffmpeg.js",
   "types": "./types/ffmpeg.d.ts",
   "exports": {
     ".": {
       "types": "./types/ffmpeg.d.ts",
       "import": "./dist/esm/ffmpeg.js",
-      "require": "./dist/cjs/ffmpeg.js"
+      "require": "./dist/umd/ffmpeg.js"
     }
   },
   "scripts": {

packages/ffmpeg/tests/ffmpeg.test.html

@@ -9,7 +9,7 @@
   <div id="mocha"></div>
   <script src="../../../node_modules/mocha/mocha.js"></script>
   <script src="../../../node_modules/chai/chai.js"></script>
-  <script src="../dist/cjs/ffmpeg.js"></script>
+  <script src="../dist/umd/ffmpeg.js"></script>
   <script src="./constants.js"></script>
   <script>mocha.setup('bdd');</script>
   <script src="./ffmpeg.test.js"></script>

packages/util/package.json

@@ -13,7 +13,7 @@
   },
   "scripts": {
     "dev": "tsc -p tsconfig-esm.json --watch",
-    "build": "rimraf dist && tsc -p tsconfig-esm.json && tsc -p tsconfig-cjs.json",
+    "build": "rimraf dist && tsc -p tsconfig-esm.json && tsc -p tsconfig-cjs.json && webpack",
     "lint": "eslint src"
   },
   "files": [
@@ -46,6 +46,7 @@
     "@typescript-eslint/parser": "^5.37.0",
     "eslint": "^8.23.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.3",
+    "webpack-cli": "^4.10.0"
   }
 }

packages/util/webpack.config.cjs

@@ -0,0 +1,12 @@
+const path = require("path");
+
+module.exports = {
+  mode: "production",
+  entry: "./dist/cjs/index.js",
+  output: {
+    library: "FFmpegUtil",
+    libraryTarget: "umd",
+    filename: "index.js",
+    path: path.resolve(__dirname, "dist", "umd"),
+  },
+};