@hyperframes/producer 0.8.193 → 0.8.194

package/dist/distributed.js

@@ -1497,6 +1497,8 @@ import {
   rewriteInlineStyleAssetUrls
 } from "@hyperframes/core";
 import { MAX_AUDIO_GAIN } from "@hyperframes/core/audio-gain";
+import { readPlaybackRate } from "@hyperframes/parsers/media-duration";
+import { resolveRateSpec } from "@hyperframes/core/speed-ramp";
 import { gsapCdnDist } from "@hyperframes/core/gsap-cdn";
 import {
   assignBundledRuntimeCompositionIds,
@@ -3472,6 +3474,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 +3492,9 @@ async function discoverMediaFromBrowser(page) {
         durationInferred,
         playbackStartRaw,
         mediaStartRaw,
+        playbackRateRaw,
+        automationRaw,
+        defaultPlaybackRate,
         loop,
         hasAudio,
         volume,
@@ -3496,7 +3504,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 +3524,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 +3951,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 +4021,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 +4326,7 @@ async function runProbeStage(input) {
                   sourceChanged,
                   el.durationInferred
                 );
-                adoptRuntimeMediaStart(
+                adoptRuntimeMediaTiming(
                   composition,
                   el,
                   authoredStarts.get(el.id) ?? existing.mediaStart
@@ -4303,6 +4349,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 +4374,7 @@ async function runProbeStage(input) {
                   sourceChanged,
                   el.durationInferred
                 );
-                adoptRuntimeMediaStart(
+                adoptRuntimeMediaTiming(
                   composition,
                   el,
                   authoredStarts.get(el.id) ?? existing.mediaStart
@@ -4345,6 +4392,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 +4653,8 @@ import {
   isHttpUrl as isHttpUrl2,
   resolveProjectRelativeSrc as resolveProjectRelativeSrc3,
   runVideoExtractionWithRetry,
-  safeVideoExtractionSourceIdentity
+  safeVideoExtractionSourceIdentity,
+  videoAudioId as videoAudioId2
 } from "@hyperframes/engine";
 
 // src/services/render/extractionFailureMetadata.ts
@@ -4963,7 +5012,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": "17f66a5b2b626b2c74d51365de8d8d74f7c4ce6d96089c893cb1054b201bd512",
   "artifacts": {
     "iife": "hyperframe.runtime.iife.js",
     "esm": "hyperframe.runtime.mjs"