@omnimedia/omnitool 1.1.0-1 → 1.1.0-100

package/x/index.html.js

@@ -11,7 +11,7 @@ export default ssg.page(import.meta.url, async (orb) => ({
     head: html `
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-		<link href="https://fonts.googleapis.com/css2?family=Share+Tech&display=swap" rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css2?family=Share+Tech&family=Space+Grotesk:wght@400;600&display=swap" rel="stylesheet">
 	`,
     socialCard: {
         title,
@@ -22,25 +22,109 @@ export default ssg.page(import.meta.url, async (orb) => ({
     },
     body: html `
 		<section>
-			<h1>Omnitool <small>v${orb.packageVersion()}</small></h1>
-			<button class=fetch>fetch</button>
-			<button class="import">import</button>
-			<div class=results></div>
-			<div class=filmstrip-demo>
-				<label for="viewable-range">viewable range:</label>
-				<input type="range" min="0" max="100" step="1" value="10" class="range" id="viewable-range" name="viewable-range">
-				<div class="range-view"></div>
-				<label for="range-size">viewable range size:</label>
-				<input type="range" class="range-size" min="0.1" max="10" step="0.1" value="0.5" id="range-size" name="range-size">
-				<label for="frequency">frequency:</label>
-				<input type="range" class="frequency" min="0.1" max="120" step="0.1" value="10" id="frequency" name="frequency">
-				<div class="frequency-view">10 (fps)</div>
-				<div id=filmstrip></div>
-			</div>
-			<div class=waveform-demo>
-				<label for="width">width:</label>
-				<input class="width" id="width" name="width" type="range" min="100" max="1000000" value="1000" />
+			<header class="hero">
+				<div>
+					<h1>Omnitool <small>v${orb.packageVersion()}</small></h1>
+					<p>Developer demos for decoding, preview, waveform, playback, and export.</p>
+				</div>
+			</header>
+
+			<div class="demo-grid">
+				<article class="demo-card" data-demo="transcode">
+					<header>
+						<h2>Transcode Test</h2>
+						<p>Full decode + composite + encode pipeline.</p>
+					</header>
+					<div class="demo-controls">
+						<input type="file" accept="video/*" />
+						<button data-action="run">Run Transcode</button>
+					</div>
+					<div class="demo-progress">
+						<progress class="progress"></progress>
+						<span class="status">idle</span>
+					</div>
+					<div class="demo-preview"></div>
+				</article>
+
+				<article class="demo-card" data-demo="filmstrip">
+					<header>
+						<h2>Filmstrip</h2>
+						<p>Thumbnail sampling across a time range.</p>
+					</header>
+					<div class="demo-controls">
+						<input type="file" accept="video/*" />
+						<button data-action="run">Generate Filmstrip</button>
+					</div>
+					<div class="filmstrip-controls">
+						<label>viewable range</label>
+						<input type="range" min="0" max="100" step="1" value="10" class="range">
+						<div class="range-view"></div>
+						<label>range size</label>
+						<input type="range" class="range-size" min="0.1" max="10" step="0.1" value="0.5">
+						<label>frequency</label>
+						<input type="range" class="frequency" min="0.1" max="120" step="0.1" value="10">
+						<div class="frequency-view">10 (fps)</div>
+					</div>
+					<div class="filmstrip"></div>
+				</article>
+
+				<article class="demo-card" data-demo="waveform">
+					<header>
+						<h2>Waveform</h2>
+						<p>Audio peak rendering with adjustable width.</p>
+					</header>
+					<div class="demo-controls">
+						<input type="file" accept="audio/*,video/*" />
+						<button data-action="run">Build Waveform</button>
+					</div>
+					<div class="waveform-controls">
+						<label>width</label>
+						<input class="width" type="range" min="100" max="1000000" value="1000" step="100" />
+					</div>
+					<div class="waveform-canvas"></div>
+				</article>
+
+				<article class="demo-card" data-demo="playback">
+					<header>
+						<h2>Timeline Playback</h2>
+						<p>Build timeline and run the playback engine.</p>
+					</header>
+					<div class="demo-controls">
+						<input type="file" accept="video/*,audio/*,image/*" />
+					</div>
+					<div class="player-canvas"></div>
+					<div class="player">
+						<div class="timeline">
+							<div class="track">
+								<div class="playhead"></div>
+							</div>
+							<input class="scrub" type="range" min="0" max="0" step="1" value="0">
+						</div>
+						<div class="timecode">0:00.000 / 0:00.000</div>
+						<div class="controls">
+							<button class=play disabled>play</button>
+							<button class=stop disabled>stop</button>
+						</div>
+					</div>
+				</article>
+
+				<article class="demo-card" data-demo="export">
+					<header>
+						<h2>Timeline Export</h2>
+						<p>Build timeline and export a render.</p>
+					</header>
+					<div class="demo-controls">
+						<input type="file" accept="video/*,audio/*,image/*" />
+						<button data-action="export" disabled>Export</button>
+					</div>
+					<div class="demo-progress">
+						<progress class="progress"></progress>
+						<span class="status">idle</span>
+					</div>
+					<div class="demo-preview"></div>
+				</article>
 			</div>
+
 		</section>
 	`,
 }));

package/x/index.html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,UAAU,CAAA;AACxB,MAAM,MAAM,GAAG,uBAAuB,CAAA;AACtC,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,WAAW;IACX,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,eAAe;IACpB,EAAE,EAAE,yBAAyB;IAE7B,IAAI,EAAE,IAAI,CAAA;;;;EAIT;IAED,UAAU,EAAE;QACX,KAAK;QACL,WAAW,EAAE,0BAA0B;QACvC,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,WAAW,MAAM,GAAG,OAAO,EAAE;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;0BAEe,GAAG,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;EAoB5C;CACD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,UAAU,CAAA;AACxB,MAAM,MAAM,GAAG,uBAAuB,CAAA;AACtC,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,WAAW;IACX,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,eAAe;IACpB,EAAE,EAAE,yBAAyB;IAE7B,IAAI,EAAE,IAAI,CAAA;;;;EAIT;IAED,UAAU,EAAE;QACX,KAAK;QACL,WAAW,EAAE,0BAA0B;QACvC,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,WAAW,MAAM,GAAG,OAAO,EAAE;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;;;4BAIiB,GAAG,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsG9C;CACD,CAAC,CAAC,CAAA"}

package/x/index.js

@@ -1,3 +1,4 @@
 export * from "./driver/driver.js";
+export * from "./driver/driver-worker.js";
 export * from "./timeline/index.js";
 //# sourceMappingURL=index.js.map

package/x/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA"}

package/x/tests.bundle.d.ts

@@ -0,0 +1 @@
+export {};

package/x/tests.bundle.js

@@ -0,0 +1,8 @@
+import { Science } from "@e280/science";
+import omniTest from "./timeline/sugar/omni.test.js";
+import renderersTest from "./timeline/renderers/renderers.test.js";
+await Science.run({
+    omniTest,
+    renderersTest
+});
+//# sourceMappingURL=tests.bundle.js.map

package/x/tests.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tests.bundle.js","sourceRoot":"","sources":["../s/tests.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,aAAa,MAAM,wCAAwC,CAAA;AAElE,MAAM,OAAO,CAAC,GAAG,CAChB;IACA,QAAQ;IACR,aAAa;CACb,CAAC,CAAA"}