mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-12 15:20:13 +00:00
test(producer): add mov ProRes distributed fixture
This commit is contained in:
James
@@ -7,6 +7,8 @@
|
|||||||
# Golden baseline videos for regression tests
|
# Golden baseline videos for regression tests
|
||||||
packages/producer/tests/*/output/output.mp4 filter=lfs diff=lfs merge=lfs -text
|
packages/producer/tests/*/output/output.mp4 filter=lfs diff=lfs merge=lfs -text
|
||||||
packages/producer/tests/distributed/*/output/output.mp4 filter=lfs diff=lfs merge=lfs -text
|
packages/producer/tests/distributed/*/output/output.mp4 filter=lfs diff=lfs merge=lfs -text
|
||||||
|
packages/producer/tests/distributed/*/output/output.mov filter=lfs diff=lfs merge=lfs -text
|
||||||
|
packages/producer/tests/distributed/*/output/output.webm filter=lfs diff=lfs merge=lfs -text
|
||||||
|
|
||||||
# Source video clips for regression test fixtures (HDR samples, etc.)
|
# Source video clips for regression test fixtures (HDR samples, etc.)
|
||||||
packages/producer/tests/*/src/*.mp4 filter=lfs diff=lfs merge=lfs -text
|
packages/producer/tests/*/src/*.mp4 filter=lfs diff=lfs merge=lfs -text
|
||||||
|
|||||||
@@ -0,0 +1,17 @@
|
|||||||
|
{
|
||||||
|
"name": "Distributed: mov ProRes",
|
||||||
|
"description": "60-frame composition (2s @ 30fps) with transparent background, text, and a rotating SVG icon. Output is mov + ProRes 4444 with alpha. ProRes is intra-only (every frame is a keyframe), so concat-copy at assemble time is structurally trivial — this fixture pins the orthogonal contract: that `-c copy` across N=4 chunks preserves QuickTime atoms (moov, mvhd, trak, mdia) intact so the assembled file plays in editors that consume mov directly (Premiere, FCPX, DaVinci).",
|
||||||
|
"tags": ["distributed", "mov", "prores", "alpha"],
|
||||||
|
|
||||||
|
"minPsnr": 30,
|
||||||
|
"maxFrameFailures": 0,
|
||||||
|
|
||||||
|
"minAudioCorrelation": 0.9,
|
||||||
|
"maxAudioLagWindows": 120,
|
||||||
|
|
||||||
|
"renderConfig": {
|
||||||
|
"fps": 30,
|
||||||
|
"format": "mov",
|
||||||
|
"chunkSize": 15
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:697925f9de650010084992df21e9fa8225bb7ac9ae5df185b9596d64a9d0c8f2
|
||||||
|
size 3848214
|
||||||
@@ -0,0 +1,104 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||||
|
<title>mov ProRes distributed fixture</title>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
||||||
|
<style>
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");
|
||||||
|
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 640px;
|
||||||
|
height: 360px;
|
||||||
|
/* Transparent background so the mov's alpha channel carries real data. */
|
||||||
|
background: transparent;
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: "Space Mono", monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-comp {
|
||||||
|
position: relative;
|
||||||
|
width: 640px;
|
||||||
|
height: 360px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
position: absolute;
|
||||||
|
top: 22%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
font-size: 18px;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
color: #94a3b8;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
font-family: "Space Mono", monospace;
|
||||||
|
font-size: 56px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #6366f1;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stage {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 18%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div
|
||||||
|
id="main-comp"
|
||||||
|
data-composition-id="main-comp"
|
||||||
|
data-width="640"
|
||||||
|
data-height="360"
|
||||||
|
data-start="0"
|
||||||
|
data-duration="2"
|
||||||
|
>
|
||||||
|
<div class="stage" id="stage-a">
|
||||||
|
<div class="label">PHASE</div>
|
||||||
|
<div class="title" id="title-a">PRORES ONE</div>
|
||||||
|
</div>
|
||||||
|
<div class="stage" id="stage-b" style="opacity: 0">
|
||||||
|
<div class="label">PHASE</div>
|
||||||
|
<div class="title" id="title-b">PRORES TWO</div>
|
||||||
|
</div>
|
||||||
|
<svg class="icon" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" id="icon">
|
||||||
|
<circle cx="24" cy="24" r="18" fill="none" stroke="#6366f1" stroke-width="4" />
|
||||||
|
<circle cx="24" cy="24" r="6" fill="#6366f1" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
window.__timelines = window.__timelines || {};
|
||||||
|
window.__timelines["main-comp"] = tl;
|
||||||
|
|
||||||
|
const stageA = document.getElementById("stage-a");
|
||||||
|
const stageB = document.getElementById("stage-b");
|
||||||
|
const icon = document.getElementById("icon");
|
||||||
|
|
||||||
|
tl.to(stageA, { opacity: 0, duration: 0.2, ease: "none" }, 0.9);
|
||||||
|
tl.to(stageB, { opacity: 1, duration: 0.2, ease: "none" }, 0.9);
|
||||||
|
tl.to(icon, { rotation: 360, duration: 2, ease: "none" }, 0);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user