AI Art API Documentation

import requests
import json

url = "https://aiart-zroo.onrender.com/api/generate"
payload = {
    "video_description": "A futuristic city skyline at sunset, with flying cars and neon holographic billboards, cyberpunk style",
    "negative_prompt": "blurry, low quality, distorted faces, poor lighting",
    "style_preset": "neon-punk",
    "aspect_ratio": "16:9",
    "output_format": "png",
    "seed": 0
}

headers = {"Content-Type": "application/json"}
response = requests.post(url, headers=headers, json=payload)

if response.status_code == 200:
    result = response.json()
    print(f"Image URL: {result['image_url']}")
    # Download the image if needed
    # image_data = requests.get(result['image_url']).content
    # with open('generated_image.png', 'wb') as f:
    #     f.write(image_data)
else:
    print(f"Error: {response.text}")

const generateImage = async () => {
  const url = 'https://aiart-zroo.onrender.com/api/generate';
  const payload = {
    video_description: "A futuristic city skyline at sunset, with flying cars and neon holographic billboards, cyberpunk style",
    negative_prompt: "blurry, low quality, distorted faces, poor lighting",
    style_preset: "neon-punk",
    aspect_ratio: "16:9",
    output_format: "png",
    seed: 0
  };

  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(payload)
    });
    
    const result = await response.json();
    if (response.ok) {
      // Display the image if needed
      // const img = document.createElement('img');
      // img.src = result.image_url;
      // document.body.appendChild(img);
    } else {
      console.error('Error:', result.error);
    }
  } catch (error) {
    console.error('Request failed:', error);
  }
};

import requests

url = "https://aiart-zroo.onrender.com/api/img2img"

# Open the image file
with open('/path/to/your/image.jpg', 'rb') as img_file:
    files = {
        'image': ('image.jpg', img_file, 'image/jpeg')
    }
    
    data = {
        'prompt': 'Transform this into a watercolor painting with vibrant colors and detailed brushstrokes',
        'negative_prompt': 'blurry, low quality, distorted',
        'strength': '0.8',
        'style_preset': 'cinematic',
        'aspect_ratio': '1:1',
        'output_format': 'png',
        'seed': '0'
    }
    
    response = requests.post(url, files=files, data=data)
    
    if response.status_code == 200:
        result = response.json()
        print(f"Transformed image URL: {result['image_url']}")
        print(f"Seed used: {result['seed']}")
        
        # Download the transformed image
        # image_data = requests.get(result['image_url']).content
        # with open('transformed_image.png', 'wb') as f:
        #     f.write(image_data)
    else:
        print(f"Error: {response.text}")

const transformImage = async (imageFile) => {
  const url = 'https://aiart-zroo.onrender.com/api/img2img';
  
  const formData = new FormData();
  formData.append('image', imageFile);
  formData.append('prompt', 'Transform this into a watercolor painting with vibrant colors and detailed brushstrokes');
  formData.append('negative_prompt', 'blurry, low quality, distorted');
  formData.append('strength', '0.7');
  formData.append('style_preset', 'cinematic');
  formData.append('aspect_ratio', '1:1');
  formData.append('output_format', 'png');
  formData.append('seed', '0');

  try {
    const response = await fetch(url, {
      method: 'POST',
      body: formData
    });
    
    const result = await response.json();
    if (response.ok) {
      // Display the transformed image
      // const img = document.createElement('img');
      // img.src = result.image_url;
      // document.body.appendChild(img);
    }
  } catch (error) {
  }
};
      // img.src = result.image_url;
      // document.body.appendChild(img);
    }
  } catch (error) {
  }
};

// Example usage with a file input element
// document.getElementById('imageInput').addEventListener('change', (e) => {
//   if (e.target.files.length > 0) {
//     transformImage(e.target.files[0]);
//   }
// });

async function generateVideo() {
  const imageInput = document.getElementById('imageInput');
  const statusDiv = document.getElementById('status');
  
  if (!imageInput.files.length) {
    statusDiv.innerHTML = 'Please select an image file';
    return;
  }
  
  // Create form data
  const formData = new FormData();
  formData.append('image', imageInput.files[0]);
  formData.append('seed', 0); // Use random seed
  formData.append('cfg_scale', 1.5); // Default value
  formData.append('motion_bucket_id', 127); // Default value
  
  statusDiv.innerHTML = 'Starting video generation...';
  
  try {
    // Start generation
    const response = await fetch('/api/img2video', {
      method: 'POST',
      body: formData
    });
    
    if (!response.ok) {
      const error = await response.json();
      throw new Error(error.error || 'Unknown error');
    }
    
    const data = await response.json();
    const generationId = data.id;
    
    statusDiv.innerHTML = `Generation started with ID: ${generationId}
Polling for results...`;
    
    // Poll for results
    const maxAttempts = 120; // 10 minutes at 5-second intervals
    for (let attempt = 0; attempt < maxAttempts; attempt++) {
      // Wait 5 seconds between checks
      await new Promise(resolve => setTimeout(resolve, 5000));
      
      statusDiv.innerHTML = `Checking status... (attempt ${attempt+1}/${maxAttempts})`;
      
      const resultResponse = await fetch(`/api/img2video/result/${generationId}`);
      
      if (resultResponse.status === 202) {
        // Still in progress
        continue;
      }
      
      if (resultResponse.status === 200) {
        // Complete
        const result = await resultResponse.json();
        statusDiv.innerHTML = `
          
Video generation complete!
          
          
Finish reason: ${result.finish_reason}
          
Seed: ${result.seed}
        `;
        break;
      }
      
      // Error
      const error = await resultResponse.json();
      throw new Error(error.error || 'Unknown error');
    }
  } catch (error) {
    statusDiv.innerHTML = `Error: ${error.message}`;
  }
}