Render Video with Modifications

curl --request POST \
  --url https://api.pictory.ai/pictoryapis/v2/video/render \
  --header 'Authorization: YOUR_API_KEY' \
  --header 'Content-Type: application/json' \
  --data '{
    "output": {
      "width": 1920,
      "height": 1080,
      "format": "mp4",
      "name": "modified_video.mp4",
      "title": "modified_video"
    },
    "elements": [...],
    "sceneMarkers": [...],
    "subtitles": [...],
    "projectId": "1767054556293"
  }' | python -m json.tool

const API_KEY = 'YOUR_API_KEY';
const API_BASE = 'https://api.pictory.ai/pictoryapis';

// Step 1: Create storyboard preview
async function createPreview() {
  const response = await fetch(`${API_BASE}/v2/video/storyboard`, {
    method: 'POST',
    headers: {
      'Authorization': API_KEY,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      videoName: 'my_video',
      voiceOver: {
        enabled: true,
        aiVoices: [{ speaker: 'Brian', speed: 100 }]
      },
      scenes: [{
        story: 'Welcome to our product demo. We will show you amazing features.',
        createSceneOnEndOfSentence: true
      }]
    })
  });

  const data = await response.json();
  return data.data.jobId;
}

// Step 2: Wait for job and get renderParams
async function getJobResult(jobId) {
  while (true) {
    const response = await fetch(`${API_BASE}/v1/jobs/${jobId}`, {
      headers: { 'Authorization': API_KEY }
    });

    const data = await response.json();

    if (data.data.status === 'completed') {
      return data.data;
    }

    if (data.data.status === 'failed') {
      throw new Error('Job failed');
    }

    await new Promise(resolve => setTimeout(resolve, 5000));
  }
}

// Step 3: Modify renderParams and render
async function renderWithModifications(renderParams) {
  // Example modifications:

  // Change output title
  renderParams.output.title = 'modified_video';
  renderParams.output.name = 'modified_video.mp4';

  // Modify a background element's URL (find backgroundElement by id)
  // const bgElement = renderParams.elements.find(el => el.id === 'backgroundElement_1');
  // if (bgElement) bgElement.url = 'https://example.com/new-bg.mp4';

  // Submit renderParams directly as the request body
  const response = await fetch(`${API_BASE}/v2/video/render`, {
    method: 'POST',
    headers: {
      'Authorization': API_KEY,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(renderParams)
  });

  const data = await response.json();
  return data.data.jobId;
}

// Execute workflow
async function main() {
  try {
    // Create preview
    console.log('Creating preview...');
    const previewJobId = await createPreview();
    console.log('Preview Job ID:', previewJobId);

    // Wait for preview and get renderParams
    console.log('Waiting for preview...');
    const previewResult = await getJobResult(previewJobId);
    console.log('Preview completed!');

    const renderParams = previewResult.renderParams;

    // Modify and render
    console.log('Rendering with modifications...');
    const renderJobId = await renderWithModifications(renderParams);
    console.log('Render Job ID:', renderJobId);

    // Wait for render
    const renderResult = await getJobResult(renderJobId);
    console.log('Video URL:', renderResult.videoURL);
  } catch (error) {
    console.error('Error:', error.message);
  }
}

main();

// Get renderParams from preview job
const renderParams = previewJobResponse.data.renderParams;

// Find and replace background for first scene (backgroundElement_1)
const bgElement = renderParams.elements.find(el => el.id === 'backgroundElement_1');
if (bgElement) {
  bgElement.url = 'https://your-domain.com/custom-background.mp4';
  bgElement.visualUrl = 'https://your-domain.com/custom-background.mp4';
}

// Render with new background - send renderParams directly
const response = await fetch('https://api.pictory.ai/pictoryapis/v2/video/render', {
  method: 'POST',
  headers: {
    'Authorization': 'YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(renderParams)
});