add: ffmpeg wasm for muxing, and coi service-worker to make SharedArr…

…ayBuffer work
omni-media · Dec 20, 2023 · 8122d0a · 8122d0a
1 parent 77fdfe1
commit 8122d0a
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,8 +6,9 @@
   "type": "module",
   "scripts": {
     "test": "cynic node ./x/tests.test.js",
-    "build": "turtle-standard",
-    "start": "turtle-standard-watch"
+    "build": "turtle-standard && run-p copy-coi",
+    "start": "turtle-standard-watch",
+		"copy-coi": "cp node_modules/coi-serviceworker/coi-serviceworker.js x/"
   },
   "author": "zenkyuv",
   "license": "ISC",
@@ -30,6 +31,9 @@
   "dependencies": {
     "@benev/construct": "^0.0.0-x.14",
     "@benev/slate": "^0.0.0",
+    "@ffmpeg/ffmpeg": "^0.12.9",
+    "@ffmpeg/util": "^0.12.1",
+    "coi-serviceworker": "^0.1.7",
     "es-module-shims": "^1.8.2",
     "lit": "^2.6.1",
     "mp4box": "^0.5.2"

diff --git a/s/components/omni-media/component.ts b/s/components/omni-media/component.ts
@@ -5,7 +5,7 @@ import {styles} from "./styles.js"
 import {shadow_component} from "../../context/slate.js"
 
 export const OmniMedia = shadow_component({styles}, use => {
-	const raw_media = use.state<Media[]>([{type: "Audio", source: ""}])
+	const raw_media = use.state<Media[]>([{type: "Audio", uri: ""}])
 	return html`
 		<div>
 			IMPORT FILE