Custom Subtitle Styling

npm install axios

import axios from "axios";

const API_BASE_URL = "https://api.pictory.ai/pictoryapis";
const API_KEY = "YOUR_API_KEY";

const SAMPLE_TEXT = "AI is poised to significantly impact educators and course creators on social media.";

async function createVideoWithCustomSubtitleStyle() {
  try {
    console.log("Creating video with custom subtitle style...");

    const response = await axios.post(
      `${API_BASE_URL}/v2/video/storyboard/render`,
      {
        videoName: "text_to_video_custom_subtitle",

        // Custom inline subtitle style
        subtitleStyle: {
          // Font settings
          fontFamily: "Poppins",
          fontSize: 48,

          // Colors (RGBA format)
          color: "rgba(255, 255, 255, 1)",              // White text
          backgroundColor: "rgba(0, 0, 0, 0.7)",        // Semi-transparent black background
          keywordColor: "rgba(255, 215, 0, 1)",         // Gold for keywords
          shadowColor: "rgba(0, 0, 0, 0.8)",            // Dark shadow
          shadowWidth: "2%",

          // Position and layout
          position: "bottom-center",
          alignment: "center",
          paragraphWidth: "80%",

          // Text styling
          decorations: ["bold"],
          case: "capitalize",

          // Animations
          animations: [
            {
              name: "fade",
              type: "entry",
              speed: "medium",
            },
            {
              name: "fade",
              type: "exit",
              speed: "fast",
            },
          ],
        },

        scenes: [
          {
            story: SAMPLE_TEXT,
            createSceneOnNewLine: false,
            createSceneOnEndOfSentence: false,
          },
        ],
      },
      {
        headers: {
          "Content-Type": "application/json",
          Authorization: API_KEY,
        },
      }
    );

    const jobId = response.data.data.jobId;
    console.log("✓ Video creation started!");
    console.log("Job ID:", jobId);

    // Monitor progress
    console.log("\nMonitoring video creation...");
    let jobCompleted = false;
    let jobResult = null;

    while (!jobCompleted) {
      const statusResponse = await axios.get(
        `${API_BASE_URL}/v1/jobs/${jobId}`,
        {
          headers: { Authorization: API_KEY },
        }
      );

      const status = statusResponse.data.data.status;
      console.log("Status:", status);

      if (status === "completed") {
        jobCompleted = true;
        jobResult = statusResponse.data;
        console.log("\n✓ Video with custom subtitle style is ready!");
        console.log("Video URL:", jobResult.data.videoURL);
      } else if (status === "failed") {
        throw new Error("Video creation failed: " + JSON.stringify(statusResponse.data));
      }

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

    return jobResult;
  } catch (error) {
    console.error("Error:", error.response?.data || error.message);
    throw error;
  }
}

createVideoWithCustomSubtitleStyle();