Add sample input videos

docs/.gitignore

@@ -18,3 +18,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+!/static/video/inputs/*.mp4

generate/Cargo.toml

@@ -7,7 +7,7 @@ license = "BUSL-1.1"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [features]
-default = ["web_renderer" ]
+default = ["web_renderer"]
 decklink = ["live_compositor/decklink"]
 web_renderer = ["live_compositor/web_renderer"]
 
@@ -30,5 +30,5 @@ tracing = { workspace = true }
 opus = { workspace = true }
 pitch-detection = "0.3.0"
 rand = { workspace = true }
-schemars = { workspace = true}
+schemars = { workspace = true }
 tracing-subscriber = { version = "0.3.18", features = ["json", "env-filter"] }

generate/src/bin/generate_sample_videos.rs

@@ -0,0 +1,301 @@
+use anyhow::Result;
+use compositor_render::{event_handler::subscribe, Resolution};
+use generate::compositor_instance::CompositorInstance;
+use serde_json::json;
+use std::{
+    fs::{self},
+    path::PathBuf,
+    thread::{self},
+    time::Duration,
+};
+
+struct SceneStyle {
+    timer_font_size: u32,
+    timer_bottom: u32,
+    timer_right: u32,
+    title_font_size: u32,
+}
+
+fn main() {
+    let _ = fs::remove_dir_all(workingdir());
+    fs::create_dir_all(workingdir()).unwrap();
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 1920,
+            height: 1080,
+        },
+        "1920x1080",
+        SceneStyle {
+            timer_font_size: 90,
+            timer_bottom: 100,
+            timer_right: 100,
+            title_font_size: 250,
+        },
+    );
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 1080,
+            height: 1920,
+        },
+        "1080x1920",
+        SceneStyle {
+            timer_font_size: 90,
+            timer_bottom: 100,
+            timer_right: 100,
+            title_font_size: 250,
+        },
+    );
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 854,
+            height: 480,
+        },
+        "854x480",
+        SceneStyle {
+            timer_font_size: 45,
+            timer_bottom: 50,
+            timer_right: 50,
+            title_font_size: 125,
+        },
+    );
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 480,
+            height: 854,
+        },
+        "480x854",
+        SceneStyle {
+            timer_font_size: 45,
+            timer_bottom: 50,
+            timer_right: 50,
+            title_font_size: 125,
+        },
+    );
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 1440,
+            height: 1080,
+        },
+        "1440x1080",
+        SceneStyle {
+            timer_font_size: 90,
+            timer_bottom: 100,
+            timer_right: 100,
+            title_font_size: 250,
+        },
+    );
+
+    generate_video_series(
+        Duration::from_secs(10),
+        Resolution {
+            width: 1080,
+            height: 1440,
+        },
+        "1080x1440",
+        SceneStyle {
+            timer_font_size: 90,
+            timer_bottom: 100,
+            timer_right: 100,
+            title_font_size: 250,
+        },
+    );
+}
+
+fn generate_video_series(
+    duration: Duration,
+    resolution: Resolution,
+    name_suffix: &str,
+    scene_style: SceneStyle,
+) {
+    // HSV 240°, 50%, 65% (dark blue)
+    generate_video(
+        workingdir().join(format!("input_1_{}.mp4", name_suffix)),
+        "Input 1",
+        "#5353a6ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+    // HSV 120°, 50%, 65% (green)
+    generate_video(
+        workingdir().join(format!("input_2_{}.mp4", name_suffix)),
+        "Input 2",
+        "#53a653ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+    // HSV 0°, 50%, 65% (red)
+    generate_video(
+        workingdir().join(format!("input_3_{}.mp4", name_suffix)),
+        "Input 3",
+        "#a65353ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+    // HSV 60°, 50%, 65% (yellow)
+    generate_video(
+        workingdir().join(format!("input_4_{}.mp4", name_suffix)),
+        "Input 4",
+        "#a6a653ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+    // HSV 180°, 50%, 65% (light blue)
+    generate_video(
+        workingdir().join(format!("input_5_{}.mp4", name_suffix)),
+        "Input 5",
+        "#53a6a6ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+    // HSV 300°, 50%, 65% (purple)
+    generate_video(
+        workingdir().join(format!("input_6_{}.mp4", name_suffix)),
+        "Input 6",
+        "#a653a6ff",
+        duration,
+        &resolution,
+        &scene_style,
+    )
+    .unwrap();
+}
+
+fn workingdir() -> PathBuf {
+    PathBuf::from(env!("CARGO_MANIFEST_DIR"))
+        .join("workingdir")
+        .join("inputs_mp4")
+}
+
+fn generate_video(
+    path: PathBuf,
+    text: &str,
+    rgba_color: &str,
+    duration: Duration,
+    resolution: &Resolution,
+    scene_style: &SceneStyle,
+) -> Result<()> {
+    let instance = CompositorInstance::start();
+
+    instance.send_request(
+        "output/output_1/register",
+        json!({
+            "type": "mp4",
+            "path": format!("{}", path.to_string_lossy().to_string()),
+            "video": {
+                "resolution": {
+                    "width": resolution.width,
+                    "height": resolution.height,
+                },
+                "encoder": {
+                    "type": "ffmpeg_h264",
+                    "preset": "medium",
+                    "ffmpeg_options": {
+                        "crf": "32",
+                        "tune": "zerolatency"
+                    }
+                },
+                "initial": scene(text, rgba_color, resolution, Duration::ZERO, scene_style)
+            },
+        }),
+    )?;
+
+    instance.send_request(
+        "output/output_1/unregister",
+        json!({
+            "schedule_time_ms": duration.as_millis(),
+        }),
+    )?;
+
+    const EVENT_COUNT: u64 = 10_000;
+    for i in 0..EVENT_COUNT {
+        let pts = Duration::from_millis(duration.as_millis() as u64 * i / EVENT_COUNT);
+        instance.send_request(
+            "output/output_1/update",
+            json!({
+                "video": scene(text, rgba_color, resolution, pts, scene_style),
+                "schedule_time_ms": pts.as_millis(),
+            }),
+        )?;
+    }
+
+    instance.send_request("start", json!({}))?;
+
+    thread::spawn(|| {
+        let event_receiver = subscribe();
+        loop {
+            if let Ok(event) = event_receiver.recv() {
+                if event.kind == *"OUTPUT_DONE" {
+                    break;
+                }
+            }
+        }
+    })
+    .join()
+    .unwrap();
+
+    Ok(())
+}
+
+fn scene(
+    text: &str,
+    rgba_color: &str,
+    resolution: &Resolution,
+    pts: Duration,
+    style: &SceneStyle,
+) -> serde_json::Value {
+    json!({
+        "root": {
+            "type": "view",
+            "background_color_rgba": rgba_color,
+            "direction": "column",
+            "children": [
+                { "type": "view" },
+                {
+                    "type": "text",
+                    "text": text,
+                    "font_size": style.title_font_size,
+                    "width": resolution.width,
+                    "align": "center",
+                    "font_family": "Comic Sans MS",
+                },
+                { "type": "view" },
+                {
+                  "type": "view",
+                  "bottom": style.timer_bottom,
+                  "right": style.timer_right,
+                  "width": resolution.width / 2,
+                  "height": style.timer_font_size,
+                  "children": [
+                     {
+                            "type": "text",
+                            "text": format!("{:.2}s", pts.as_millis() as f32 / 1000.0),
+                            "font_size": style.timer_font_size,
+                            "width": resolution.width / 2,
+                            "align": "right",
+                            "font_family": "Comic Sans MS",
+                     },
+                  ]
+                }
+            ]
+        }
+    })
+}