Homepage
Examples
Video Production Handoff

Video Production Handoff

This tool streamlines video handoff between content creators and video editors with structured data collection and file delivery tracking.
THE CHALLENGE

Video production handoffs lose critical context between recording and editing

Video handoffs require transferring timestamps, technical details, and production context from creator to editor. This information typically exists in scattered notes or memory. Communication happens through email chains that slow down production timelines. Editors wait for complete information before starting work. Final footage delivery creates another coordination layer with file sharing and notification management.

About this tool

Tool Description

This handoff tool captures everything editors need in one place. Record timestamps during shoots with StreamDeck integration. Add recording details, Loom explanations, and technical data. Password-protect the handoff page and share it with videographers. Editors upload final footage directly to S3 with progress tracking. Observers get email notifications at each stage.

Key Features

Password-protected handoff pages, recording timestamp capture via StreamDeck, Loom video integration, technical data fields (lines of code, prompts, tokens), observer and videographer email lists, S3 file upload with progress bars, email notifications via Postmark, and automated timestamp recording during live sessions.

Result

Editors get everything they need in one link instead of through email chains. Recording context transfers completely without follow-up questions. Final footage delivery happens through the platform with automatic notifications. Production timelines shrink because handoffs don't require coordination overhead.

Prompts used to build this app

1173 lines of code

💬 11 prompts used

1173 lines of code

🪙 9M tokens

Prompt 
Video Handoff 1

🟡 Prompt 1 for Video Handoff

I want to create an app where each user can create a video handoff page. The page should have a password that is required to actually see the data on the page and it should be sent in the email to the receiver of the page once the user enters all the data on that page. When I go ahead and create a new page, it should have the following fields:

  • It should have a footage link from StreamYard
  • It should have the data section, specifically number of lines of code, number of prompts, and number of tokens. These are three different input fields.
  • Field Loom Explanation, where I can paste a link to Loom, and underneath there should be a list of timestamps which should be recorded
  • Start Recording button that will start recording for the events
  • There should be a button End Recording, and once I click End Recording, it should populate all the timesteps of the received events on this page
  • Ability to add multiple observer emails who will get each email that is sent
  • Ability to add multiple videographer emails who will get an email with the password once I submit the recording of the events
  • Save event button that will save the event
  • Submit button that will submit all the data that's entered for this event
  • Once the page is opened with the password from the email that should be sent in the email, and it should unlock that page so that videographers can open the page, see all the data that I created, and there should be a place for uploading the final footage - multiple files, and the user should be able to drag and drop, add the files, click Submit, and once they submit it, the file should be uploaded to S3. I also want to see a progress bar while it is being uploaded. And once it is done, show a success message and send an email to all the observer users and to the user who created the event that the final footage is ready.

Once a user creates the page, they should be able to enter the data and click the record button. Once the user clicks the record button, there should be an API endpoint that is listening for events and whenever that event is received, it should save in the database the timestamp since the beginning of the recording, when was the event received. For example, 2 minute 20 seconds label. During the recording, whenever the user sends the event, it should be recorded as a timestamp.

Also, I want to be able to send the events from my Stream Deck. You need to create a file that I can connect to my Stream Deck that will send these events to the web app - tell me how to do it so that I can connect a Stream Deck button that, once clicked, it sends the event to the web app.

Prompt 
Video Handoff 2

Implement the entire backend.

Prompt 
Video Handoff 3

I can click around the frontend but it seems like the backend isn't working properly. When I try saving a new handoff page, it's stuck and doesn't save it. I can't see any handoff pages on the main page.

Prompt 
Video Handoff 4

It is working great but I want to change a few things:

  1. Loom link shouldn't be required
  2. Timestamps should be saved regardless if I save the event afterwards or not.
  3. I want to be able to delete a timestamp
  4. How should I add Gmail credentials?
  5. Tell me how to set up the streamdeck button with the downloaded file.

Prompt 
Video Handoff 5

When I start a recording, I want it to remain started even after I refresh the page and during that time, I want it to record the timestamps from streamdeck.

Prompt 
Video Handoff 6

When I make a GET request to https://preview-0cezm8af.ui.pythagora.ai/api/handoffs/68ddc56a0c3b10fb6121a7af/timestamps, I don't see anything in the logs nor is any timestamp created. Also, when I open the /edit page while the recording is turned on, the timer always starts from 00:00 - it should continuously run until I end the recording regardless if I refresh the page.

Prompt 
Video Handoff 7

The downloaded Streamdeck json isn't giving me the token. Please make it so that I can add a timestamp without an authentication (with GET request) and make it so that the timestamp that's saved is the timestamp at the time when the request is received - I don't want to send the timestamp value in the request.

Prompt 
Video Handoff 8

🟡 Prompt 8

Sending emails doesn't work - it says that the email service is not configured - please fix.

Prompt 
Video Handoff 9

🟡 Prompt 9

In the observer email, please add a link to the handoff page and to the submission page.

Also, file upload doesn't work - please fix.

Prompt 
Video Handoff 10

Upload doesn't work - it says "Upload failed"

Prompt 
Video Handoff 11

This works great. Here are a couple of last things to fix:

  1. Password protection doesn't work - please fix
  2. When a file is uploaded, under uploaded files, I see "NaN MB" and I cannot VIEW the file - the button doesn't do anything

💬 prompts used

🪙 tokens

Share this post