@hyperframes/producer 0.8.193 → 0.8.195

package/dist/distributed.js

@@ -1492,12 +1492,15 @@ import {
   readMediaStart,
   redactTelemetryString as redactTelemetryString2,
   resolveNaturalMediaTimelineDurationFromValues,
+  rewriteAssetPath,
   rewriteAssetPaths,
   rewriteCssAssetUrls,
   rewriteInlineStyleAssetUrls
 } from "@hyperframes/core";
 import { MAX_AUDIO_GAIN } from "@hyperframes/core/audio-gain";
-import { gsapCdnDist } from "@hyperframes/core/gsap-cdn";
+import { readPlaybackRate } from "@hyperframes/parsers/media-duration";
+import { resolveRateSpec } from "@hyperframes/core/speed-ramp";
+import { gsapCdnDist, normalizeGsapBaseUrl } from "@hyperframes/core/gsap-cdn";
 import {
   assignBundledRuntimeCompositionIds,
   assignMediaRenderIds,
@@ -2530,7 +2533,7 @@ async function parseSubCompositions(html, projectDir, downloadDir, visited = /*
   const results = await Promise.all(
     workItems.map(async (item) => {
       const { html: compiledSub } = await compileHtmlFile(
-        item.rawSubHtml,
+        rewriteUnresolvableGsapToCdn(item.rawSubHtml, projectDir, item.srcPath),
         dirname4(item.filePath),
         downloadDir,
         void 0,
@@ -2704,7 +2707,9 @@ function inlineSubCompositions(html, subCompositions, projectDir, variableOverri
         let compHtml = subCompositions.get(srcPath) || null;
         if (!compHtml) {
           const read = readProjectFile(resolve5(projectDir, srcPath));
-          if (read.kind === "file") compHtml = read.text;
+          if (read.kind === "file") {
+            compHtml = rewriteUnresolvableGsapToCdn(read.text, projectDir, srcPath);
+          }
         }
         return compHtml;
       },
@@ -3247,18 +3252,27 @@ async function embedLocalFontFaces(html, projectDir) {
   }
   return result;
 }
-var GSAP_CDN_BASE = gsapCdnDist();
-function rewriteUnresolvableGsapToCdn(html, projectDir) {
+function renderGsapDist() {
+  try {
+    return gsapCdnDist(void 0, normalizeGsapBaseUrl(process.env.HYPERFRAMES_GSAP_BASE_URL));
+  } catch (cause) {
+    throw new Error(
+      "Invalid HYPERFRAMES_GSAP_BASE_URL: use an absolute HTTPS npm mirror root (plain HTTP only for localhost) without credentials, query, or fragment",
+      { cause }
+    );
+  }
+}
+function rewriteUnresolvableGsapToCdn(html, projectDir, compSrcPath) {
+  let gsapDist;
+  const exists = (path) => existsSync6(resolve5(projectDir, path));
   return html.replace(
     /(<script\b[^>]*\bsrc=["'])([^"']*gsap[^"']*\/dist\/([^"']+))(["'][^>]*>)/gi,
     (full, prefix, src, file, suffix) => {
       if (/^https?:\/\//i.test(src)) return full;
-      const absPath = resolve5(projectDir, src);
-      if (existsSync6(absPath)) return full;
-      defaultLogger.info(
-        `[Compiler] Rewriting missing gsap script to CDN: ${src} \u2192 ${GSAP_CDN_BASE}${file}`
-      );
-      return `${prefix}${GSAP_CDN_BASE}${file}${suffix}`;
+      if (exists(compSrcPath ? rewriteAssetPath(compSrcPath, src, exists) : src)) return full;
+      gsapDist ??= renderGsapDist();
+      defaultLogger.info(`[Compiler] Rewriting missing gsap script: ${src} \u2192 ${gsapDist}${file}`);
+      return `${prefix}${gsapDist}${file}${suffix}`;
     }
   );
 }
@@ -3472,6 +3486,9 @@ async function discoverMediaFromBrowser(page) {
       const intrinsicDuration = isImage ? 0 : htmlEl.duration;
       const playbackStartRaw = htmlEl.getAttribute("data-playback-start");
       const mediaStartRaw = htmlEl.getAttribute("data-media-start");
+      const playbackRateRaw = htmlEl.getAttribute("data-playback-rate");
+      const automationRaw = htmlEl.getAttribute("data-automation");
+      const defaultPlaybackRate = isImage ? 1 : htmlEl.defaultPlaybackRate;
       const loop = htmlEl.hasAttribute("loop");
       const hasAudio = htmlEl.getAttribute("data-has-audio") === "true";
       const volume = parseFloat(htmlEl.getAttribute("data-volume") || "1");
@@ -3487,6 +3504,9 @@ async function discoverMediaFromBrowser(page) {
         durationInferred,
         playbackStartRaw,
         mediaStartRaw,
+        playbackRateRaw,
+        automationRaw,
+        defaultPlaybackRate,
         loop,
         hasAudio,
         volume,
@@ -3496,7 +3516,17 @@ async function discoverMediaFromBrowser(page) {
     return results;
   });
   return elements.map(
-    ({ endRaw, durationRaw, intrinsicDuration, playbackStartRaw, mediaStartRaw, ...element }) => ({
+    ({
+      endRaw,
+      durationRaw,
+      intrinsicDuration,
+      playbackStartRaw,
+      mediaStartRaw,
+      playbackRateRaw,
+      automationRaw,
+      defaultPlaybackRate,
+      ...element
+    }) => ({
       ...element,
       end: parseStrictFiniteTimingNumber(endRaw) ?? 0,
       duration: element.durationInferred && Number.isFinite(intrinsicDuration) && intrinsicDuration > 0 ? intrinsicDuration : parseStrictFiniteTimingNumber(durationRaw) ?? 0,
@@ -3506,7 +3536,14 @@ async function discoverMediaFromBrowser(page) {
           if (name === "data-media-start") return mediaStartRaw;
           return null;
         }
-      })
+      }),
+      playbackRate: resolveRateSpec(
+        automationRaw,
+        readPlaybackRate(
+          (name) => name === "data-playback-rate" ? playbackRateRaw : null,
+          defaultPlaybackRate
+        )
+      )
     })
   );
 }
@@ -3926,9 +3963,18 @@ import {
   getCompositionDuration,
   initializeSession as initializeSession4,
   isTransientBrowserError,
-  probeBeginFrameLiveness
+  probeBeginFrameLiveness,
+  videoAudioId
 } from "@hyperframes/engine";
-import { MEDIA_RENDER_ID_ATTR as MEDIA_RENDER_ID_ATTR2, fpsToNumber as fpsToNumber7, readMediaStart as readMediaStart2 } from "@hyperframes/core";
+import {
+  MEDIA_RENDER_ID_ATTR as MEDIA_RENDER_ID_ATTR2,
+  fpsToNumber as fpsToNumber7,
+  normalizeRateSpec as normalizeRateSpec3,
+  readMediaStart as readMediaStart2,
+  shiftRateLane as shiftRateLane2,
+  sourceTimeAt as sourceTimeAt3,
+  timeAtSourceTime
+} from "@hyperframes/core";
 import { extractMediaSrcMutations } from "@hyperframes/parsers";
 
 // src/services/render/stages/probeFailures.ts
@@ -3987,16 +4033,28 @@ function authoredMediaStarts(html) {
   }
   return starts;
 }
-function adoptRuntimeMediaStart(composition, el, authored) {
+function isVideoAudio(audio, videoId) {
+  return audio.type === "video" && audio.id === videoAudioId(videoId);
+}
+function adoptRuntimeMediaTiming(composition, el, authored) {
   const shift = el.mediaStart - authored;
-  if (el.mediaStart <= 0 || Math.abs(shift) <= BROWSER_MEDIA_EPSILON) return;
   const entries = el.tagName === "video" ? [
     ...composition.videos.filter((video) => video.id === el.id),
-    ...composition.audios.filter(
-      (audio) => audio.type === "video" && audio.id === `${el.id}-audio`
-    )
+    ...composition.audios.filter((audio) => isVideoAudio(audio, el.id))
   ] : composition.audios.filter((audio) => audio.type !== "video" && audio.id === el.id);
-  for (const entry of entries) entry.mediaStart += shift;
+  for (const entry of entries) {
+    if (typeof entry.playbackRate !== "object") {
+      if (typeof el.playbackRate === "object") {
+        const consumed = Math.max(0, entry.mediaStart - authored);
+        const head = timeAtSourceTime(normalizeRateSpec3(entry.playbackRate), consumed);
+        entry.mediaStart += sourceTimeAt3(el.playbackRate, head) - consumed;
+        entry.playbackRate = shiftRateLane2(el.playbackRate, head);
+      } else {
+        entry.playbackRate = el.playbackRate;
+      }
+    }
+    if (el.mediaStart > 0 && Math.abs(shift) > BROWSER_MEDIA_EPSILON) entry.mediaStart += shift;
+  }
 }
 function reconcileBrowserMediaEnd(existingEnd, projectedEnd, sourceChanged, durationInferred) {
   if (projectedEnd <= 0) return existingEnd;
@@ -4280,7 +4338,7 @@ async function runProbeStage(input) {
                   sourceChanged,
                   el.durationInferred
                 );
-                adoptRuntimeMediaStart(
+                adoptRuntimeMediaTiming(
                   composition,
                   el,
                   authoredStarts.get(el.id) ?? existing.mediaStart
@@ -4303,6 +4361,7 @@ async function runProbeStage(input) {
                 start: el.start,
                 end: resolveBrowserMediaEnd(el.start, el.end, el.duration),
                 mediaStart: el.mediaStart,
+                playbackRate: el.playbackRate,
                 loop: el.loop,
                 hasAudio: el.hasAudio && !el.muted
               });
@@ -4327,7 +4386,7 @@ async function runProbeStage(input) {
                   sourceChanged,
                   el.durationInferred
                 );
-                adoptRuntimeMediaStart(
+                adoptRuntimeMediaTiming(
                   composition,
                   el,
                   authoredStarts.get(el.id) ?? existing.mediaStart
@@ -4345,6 +4404,7 @@ async function runProbeStage(input) {
                 end: resolveBrowserMediaEnd(el.start, el.end, el.duration),
                 mediaStart: el.mediaStart,
                 loop: el.loop,
+                playbackRate: el.playbackRate,
                 layer: 0,
                 volume: el.volume,
                 type: "audio"
@@ -4605,7 +4665,8 @@ import {
   isHttpUrl as isHttpUrl2,
   resolveProjectRelativeSrc as resolveProjectRelativeSrc3,
   runVideoExtractionWithRetry,
-  safeVideoExtractionSourceIdentity
+  safeVideoExtractionSourceIdentity,
+  videoAudioId as videoAudioId2
 } from "@hyperframes/engine";
 
 // src/services/render/extractionFailureMetadata.ts
@@ -4963,7 +5024,7 @@ function appendAutoDetectedVideoAudio(composition, extracted) {
     const video = composition.videos.find((v) => v.id === ext.videoId);
     if (!video || !video.hasAudio || video.hidden || existingAudioSrcs.has(video.src)) continue;
     composition.audios.push({
-      id: `${video.id}-audio`,
+      id: videoAudioId2(video.id),
       src: video.src,
       start: video.start,
       end: video.end,

package/dist/hyperframe.manifest.json

@@ -1,7 +1,7 @@
 {
   "version": "0.1.0",
   "buildId": "dev",
-  "sha256": "10a061ef2b83cedec556bdfd42c76f3fd08082832f47bb2803a86b1fce3a6d99",
+  "sha256": "5325b9ad7580263b1e0a9ad0873c5a768b80a8807731148ebfe84ef585184902",
   "artifacts": {
     "iife": "hyperframe.runtime.iife.js",
     "esm": "hyperframe.runtime.mjs"