screencastgen

NewJob Page

Upload document, configure pipeline, and submit job.

Source: web/frontend/src/pages/NewJob.tsx Route: /jobs/new

Features

  1. Upload document — PDF, TXT, or EPUB via FileUploader for document pipelines
  2. Select pipeline — highlight, lipsync, or visualization via PipelineSelector
  3. Configure voice — Bundled or custom via VoiceSettings (highlight) or LipsyncSettings (lipsync)
  4. Configure video — Resolution, FPS, font size via VideoSettings
  5. Configure prompt rendering — Prompt, renderer, style, audience, resolution, FPS, and duration for visualization
  6. Preview lip-sync reader layout — LipsyncPreviewFrame shows the document with a draggable presenter before submission
  7. Submit — Create job and navigate to JobDetail Page

State

State Type Description
pipeline PipelineType Selected pipeline (default: "lipsync")
uploadedFile UploadedFile \| null Uploaded document
highlightConfig HighlightConfig Highlight pipeline config
lipsyncConfig LipsyncConfig Lipsync pipeline config
visualizationConfig VisualizationConfig Prompt-to-animation config
submitting boolean Submit in progress
error string \| null Error message

Default Configs

Highlight

language: "en-US", format: "epub"
voice_id: null, ref_audio_file_id: null, width: 1280, height: 720

Lipsync

ref_audio_file_id: null, ref_video_file_id: ""
format: "reader" (applied by the API default)
face_position: "bottom-right"
face_scale: 0.22, latentsync_preset: "quality"
font_size: 32, width: 1280, height: 720, fps: 24

Visualization

prompt: "", provider: "manimgl", duration_seconds: 30
width: 1280, height: 720, fps: 24
style: "clean", audience_level: "general"

Submit Validation

API Calls

Components Used

See Also

This site is open source. Improve this page.