feat(packages): add poster component to video skins (#994)

packages/sandbox/app/shared/html/mux-storyboard.ts

@@ -1,9 +0,0 @@
-import { getMuxAssetId } from '../mux';
-import type { SourceId } from '../sources';
-
-export function renderMuxStoryboard(source: SourceId): string {
-  const id = getMuxAssetId(source);
-  return id
-    ? `<track kind="metadata" label="thumbnails" src="https://image.mux.com/${id}/storyboard.vtt" default />`
-    : '';
-}

packages/sandbox/app/shared/html/storyboard.ts

@@ -0,0 +1,3 @@
+export function renderStoryboard(src?: string | undefined): string {
+  return src ? `<track kind="metadata" label="thumbnails" src="${src}" default />` : '';
+}