Upload 9 files

Dockerfile

@@ -0,0 +1,31 @@
+# Use an official Python runtime as a parent image
+FROM python:3.9-slim
+
+# Create a non-root user
+RUN useradd -m -u 1000 user
+
+# Switch to the new user
+USER user
+
+# Set home to the user's home directory and update PATH
+ENV HOME=/home/user \
+	PATH=/home/user/.local/bin:$PATH
+
+# Set the working directory
+WORKDIR $HOME/app
+
+# Install dependencies
+COPY --chown=user backend/requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy the application code
+COPY --chown=user . .
+
+# Set the working directory to the backend
+WORKDIR $HOME/app/backend
+
+# Expose the port the app runs on
+EXPOSE 7860
+
+# Run the application
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -1,12 +1,20 @@
----
-title: Veo3
-emoji: 🏃
-colorFrom: green
-colorTo: gray
-sdk: gradio
-sdk_version: 5.42.0
-app_file: app.py
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: VEO3 Video Generator
+emoji: 📹
+colorFrom: blue
+colorTo: green
+sdk: docker
+app_port: 7860
+---
+
+# VEO3 Video Generator
+
+This is a simple web application to generate videos using Google's VEO3 models via a Vertex Express Mode Key loophole.
+
+## How to use
+
+1.  Enter your Vertex Express Key.
+2.  Enter a text prompt.
+3.  Optionally, upload an image or video.
+4.  Select the desired parameters.
+5.  Click "Generate Video".

backend/main.py

@@ -0,0 +1,74 @@
+import uvicorn
+from fastapi import FastAPI, File, UploadFile, Form, HTTPException
+from fastapi.responses import FileResponse
+from fastapi.staticfiles import StaticFiles
+from typing import Optional
+import services.vertex_service as vertex_service
+import services.video_service as video_service
+import os
+
+app = FastAPI()
+
+@app.post("/api/generate_video")
+async def generate_video(
+    api_key: str = Form(...),
+    prompt: str = Form(...),
+    negative_prompt: Optional[str] = Form(None),
+    model: str = Form(...),
+    aspect_ratio: str = Form(...),
+    duration: int = Form(...),
+    resolution: str = Form(...),
+    sample_count: int = Form(...),
+    seed: Optional[int] = Form(None),
+    person_generation: str = Form(...),
+    generate_audio: bool = Form(...),
+    enhance_prompt: bool = Form(...),
+    image: Optional[UploadFile] = File(None),
+    video: Optional[UploadFile] = File(None),
+):
+    try:
+        project_id = await vertex_service.get_project_id(api_key)
+        
+        params = {
+            "prompt": prompt,
+            "negativePrompt": negative_prompt,
+            "model": model,
+            "aspectRatio": aspect_ratio,
+            "durationSeconds": duration,
+            "resolution": resolution,
+            "sampleCount": sample_count,
+            "seed": seed,
+            "personGeneration": person_generation,
+            "generateAudio": generate_audio,
+            "enhancePrompt": enhance_prompt,
+        }
+
+        if image:
+            params["image"] = await image.read()
+            params["image_mime_type"] = image.content_type
+        
+        if video:
+            params["video"] = await video.read()
+            params["video_mime_type"] = video.content_type
+
+        model_id = params["model"]
+        operation_name = await vertex_service.start_video_generation(project_id, api_key, params)
+        video_data = await vertex_service.poll_video_status(project_id, model_id, operation_name, api_key)
+        
+        video_path = await video_service.save_video(video_data)
+        
+        return {"video_url": f"/api/video/{os.path.basename(video_path)}"}
+    except Exception as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+@app.get("/api/video/{video_id}")
+async def get_video(video_id: str):
+    video_path = os.path.join(video_service.VIDEO_DIR, video_id)
+    if os.path.exists(video_path):
+        return FileResponse(video_path)
+    raise HTTPException(status_code=404, detail="Video not found")
+
+app.mount("/", StaticFiles(directory="../frontend", html=True), name="static")
+
+if __name__ == "__main__":
+    uvicorn.run(app, host="0.0.0.0", port=8000)

backend/requirements.txt

@@ -0,0 +1,6 @@
+fastapi
+uvicorn[standard]
+python-multipart
+requests
+aiohttp
+python-dotenv

backend/services/vertex_service.py

@@ -0,0 +1,97 @@
+import aiohttp
+import asyncio
+import base64
+import re
+import logging
+from typing import Dict, Any
+
+logging.basicConfig(level=logging.INFO)
+
+# A simple in-memory cache for project IDs
+project_id_cache = {}
+
+async def get_project_id(api_key: str) -> str:
+    if api_key in project_id_cache:
+        return project_id_cache[api_key]
+
+    url = f"https://aiplatform.googleapis.com/v1/publishers/google/models/gemini-2.6:streamGenerateContent?key={api_key}"
+    headers = {"Content-Type": "application/json"}
+    data = {}
+
+    async with aiohttp.ClientSession() as session:
+        async with session.post(url, headers=headers, json=data) as response:
+            error_data = await response.json()
+            message = error_data[0]["error"]["message"]
+            match = re.search(r"projects/(\d+)/", message)
+            if match:
+                project_id = match.group(1)
+                project_id_cache[api_key] = project_id
+                return project_id
+            else:
+                raise Exception("Could not extract project ID")
+
+async def start_video_generation(project_id: str, api_key: str, params: Dict[str, Any]) -> str:
+    location = "us-central1" # Or make this a parameter
+    model_id = params.pop("model")
+    url = f"https://{location}-aiplatform.googleapis.com/v1/projects/{project_id}/locations/{location}/publishers/google/models/{model_id}:predictLongRunning?key={api_key}"
+    
+    instances = [{"prompt": params.get("prompt")}]
+    if "image" in params and params["image"]:
+        instances[0]["image"] = {
+            "bytesBase64Encoded": base64.b64encode(params["image"]).decode("utf-8"),
+            "mimeType": params["image_mime_type"]
+        }
+    if "video" in params and params["video"]:
+        instances[0]["video"] = {
+            "bytesBase64Encoded": base64.b64encode(params["video"]).decode("utf-8"),
+            "mimeType": params["video_mime_type"]
+        }
+        
+    parameters = {
+        "aspectRatio": params.get("aspectRatio"),
+        "durationSeconds": params.get("durationSeconds"),
+        "resolution": params.get("resolution"),
+        "generateAudio": params.get("generateAudio"),
+        "enhancePrompt": params.get("enhancePrompt"),
+        "negativePrompt": params.get("negativePrompt"),
+        "personGeneration": params.get("personGeneration"),
+        "sampleCount": params.get("sampleCount"),
+        "seed": params.get("seed"),
+    }
+    
+    # Remove None values from parameters
+    parameters = {k: v for k, v in parameters.items() if v is not None}
+
+    payload = {
+        "instances": instances,
+        "parameters": parameters
+    }
+
+    logging.info(f"Sending video generation request to {url} with payload: {payload}")
+    async with aiohttp.ClientSession() as session:
+        async with session.post(url, json=payload) as response:
+            data = await response.json()
+            logging.info(f"Received response: {data}")
+            response.raise_for_status()
+            return data["name"]
+
+async def poll_video_status(project_id: str, model_id: str, operation_name: str, api_key: str) -> Dict[str, Any]:
+    location = "us-central1"
+    url = f"https://{location}-aiplatform.googleapis.com/v1/projects/{project_id}/locations/{location}/publishers/google/models/{model_id}:fetchPredictOperation?key={api_key}"
+    
+    payload = {"operationName": operation_name}
+
+    async with aiohttp.ClientSession() as session:
+        while True:
+            logging.info(f"Polling status from {url} with payload: {payload}")
+            async with session.post(url, json=payload) as response:
+                data = await response.json()
+                logging.info(f"Received polling response: {data}")
+                response.raise_for_status()
+                if data.get("done"):
+                    if "error" in data:
+                        raise Exception(data['error']['message'])
+                    if "response" in data and "raiMediaFilteredReasons" in data["response"]:
+                        raise Exception(data['response']['raiMediaFilteredReasons'][0])
+                    return data["response"]
+            await asyncio.sleep(5) # Poll every 5 seconds

backend/services/video_service.py

@@ -0,0 +1,28 @@
+import os
+import uuid
+import base64
+import aiohttp
+from typing import Dict, Any
+
+VIDEO_DIR = "/tmp/generated_videos"
+
+async def save_video(video_data: Dict[str, Any]) -> str:
+    os.makedirs(VIDEO_DIR, exist_ok=True)
+    video_filename = f"{uuid.uuid4()}.mp4"
+    video_path = os.path.join(VIDEO_DIR, video_filename)
+
+    if "gcsUri" in video_data["videos"][0]:
+        gcs_uri = video_data["videos"][0]["gcsUri"]
+        async with aiohttp.ClientSession() as session:
+            async with session.get(gcs_uri) as response:
+                response.raise_for_status()
+                with open(video_path, "wb") as f:
+                    f.write(await response.read())
+    elif "bytesBase64Encoded" in video_data["videos"][0]:
+        video_bytes = base64.b64decode(video_data["videos"][0]["bytesBase64Encoded"])
+        with open(video_path, "wb") as f:
+            f.write(video_bytes)
+    else:
+        raise Exception("No video data found in response")
+
+    return video_path

frontend/app.js

@@ -0,0 +1,60 @@
+document.getElementById("video-form").addEventListener("submit", async (event) => {
+    event.preventDefault();
+
+    const form = event.target;
+    const formData = new FormData();
+    
+    formData.append("api_key", form["api-key"].value);
+    formData.append("prompt", form["prompt"].value);
+    formData.append("negative_prompt", form["negative-prompt"].value);
+    formData.append("model", form["model"].value);
+    formData.append("aspect_ratio", form["aspect-ratio"].value);
+    formData.append("duration", form["duration"].value);
+    formData.append("resolution", form["resolution"].value);
+    formData.append("sample_count", form["sample-count"].value);
+    if (form["seed"].value) {
+        formData.append("seed", form["seed"].value);
+    }
+    formData.append("person_generation", form["person-generation"].value);
+    formData.append("generate_audio", form["generate-audio"].checked);
+    formData.append("enhance_prompt", form["enhance-prompt"].checked);
+
+    const imageFile = form["image-prompt"].files[0];
+    if (imageFile) {
+        formData.append("image", imageFile);
+    }
+
+    const videoFile = form["video-prompt"].files[0];
+    if (videoFile) {
+        formData.append("video", videoFile);
+    }
+
+    const loader = document.getElementById("loader");
+    const videoElement = document.getElementById("generated-video");
+    const errorContainer = document.getElementById("error-container");
+
+    loader.classList.remove("hidden");
+    videoElement.style.display = "none";
+    errorContainer.classList.add("hidden");
+
+    try {
+        const response = await fetch("/api/generate_video", {
+            method: "POST",
+            body: formData,
+        });
+
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.detail || "An unknown error occurred");
+        }
+
+        const data = await response.json();
+        videoElement.src = data.video_url;
+        videoElement.style.display = "block";
+    } catch (error) {
+        errorContainer.textContent = error.message;
+        errorContainer.classList.remove("hidden");
+    } finally {
+        loader.classList.add("hidden");
+    }
+});

frontend/index.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>VEO3 Video Generator</title>
+    <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+    <header>
+        <h1>VEO3 Video Generator</h1>
+    </header>
+    <main>
+        <form id="video-form">
+            <div class="form-grid">
+                <div class="form-group">
+                    <label for="api-key">Vertex Express Key:</label>
+                    <input type="text" id="api-key" name="api-key" required>
+                </div>
+                <div class="form-group">
+                    <label for="model">Model:</label>
+                    <select id="model" name="model">
+                        <option value="veo-2.0-generate-001">veo-2.0-generate-001</option>
+                        <option value="veo-3.0-generate-001">veo-3.0-generate-001</option>
+                        <option value="veo-3.0-fast-generate-001">veo-3.0-fast-generate-001</option>
+                        <option value="veo-3.0-generate-preview" selected>veo-3.0-generate-preview</option>
+                        <option value="veo-3.0-fast-generate-preview">veo-3.0-fast-generate-preview</option>
+                    </select>
+                </div>
+                <div class="form-group full-width">
+                    <label for="prompt">Prompt:</label>
+                    <textarea id="prompt" name="prompt" rows="4" required></textarea>
+                </div>
+                <div class="form-group full-width">
+                    <label for="negative-prompt">Negative Prompt:</label>
+                    <textarea id="negative-prompt" name="negative-prompt" rows="2"></textarea>
+                </div>
+                <div class="form-group">
+                    <label for="aspect-ratio">Aspect Ratio:</label>
+                    <select id="aspect-ratio" name="aspect-ratio">
+                        <option value="16:9">16:9</option>
+                        <option value="9:16">9:16</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="duration">Duration (seconds):</label>
+                    <input type="number" id="duration" name="duration" value="8" min="5" max="8">
+                </div>
+                <div class="form-group">
+                    <label for="resolution">Resolution:</label>
+                    <select id="resolution" name="resolution">
+                        <option value="720p">720p</option>
+                        <option value="1080p">1080p</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label for="sample-count">Sample Count:</label>
+                    <input type="number" id="sample-count" name="sample-count" value="1" min="1" max="4">
+                </div>
+                <div class="form-group">
+                    <label for="seed">Seed:</label>
+                    <input type="number" id="seed" name="seed" min="0" max="4294967295">
+                </div>
+                <div class="form-group">
+                    <label for="person-generation">Person Generation:</label>
+                    <select id="person-generation" name="person-generation">
+                        <option value="allow_all">Allow All</option>
+                        <option value="allow_adult">Allow Adults</option>
+                        <option value="dont_allow">Don't Allow</option>
+                    </select>
+                </div>
+                <div class="form-group checkbox-group">
+                    <label for="generate-audio">Generate Audio:</label>
+                    <input type="checkbox" id="generate-audio" name="generate-audio" checked>
+                </div>
+                <div class="form-group checkbox-group">
+                    <label for="enhance-prompt">Enhance Prompt:</label>
+                    <input type="checkbox" id="enhance-prompt" name="enhance-prompt" checked>
+                </div>
+                <div class="form-group full-width">
+                    <label for="image-prompt">Image Prompt:</label>
+                    <input type="file" id="image-prompt" name="image-prompt" accept="image/jpeg,image/png">
+                </div>
+                <div class="form-group full-width">
+                    <label for="video-prompt">Video Prompt:</label>
+                    <input type="file" id="video-prompt" name="video-prompt" accept="video/mp4">
+                </div>
+            </div>
+            <button type="submit">Generate Video</button>
+        </form>
+
+        <div id="video-container">
+            <div id="loader" class="hidden"></div>
+            <video id="generated-video" controls></video>
+            <div id="error-container" class="hidden"></div>
+        </div>
+    </main>
+    <script src="/app.js"></script>
+</body>
+</html>

frontend/style.css

@@ -0,0 +1,143 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+body {
+    font-family: 'Roboto', sans-serif;
+    margin: 0;
+    background-color: #f0f2f5;
+    color: #333;
+    line-height: 1.6;
+}
+
+header {
+    background: linear-gradient(90deg, #4a90e2, #50e3c2);
+    color: #fff;
+    padding: 1.5rem;
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+h1 {
+    margin: 0;
+    font-weight: 700;
+}
+
+main {
+    max-width: 900px;
+    margin: 2rem auto;
+    padding: 2rem;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+.form-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1.5rem;
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+}
+
+.full-width {
+    grid-column: 1 / -1;
+}
+
+label {
+    font-weight: bold;
+    margin-bottom: 0.5rem;
+    color: #555;
+}
+
+input[type="text"],
+input[type="number"],
+textarea,
+select {
+    padding: 0.75rem;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-size: 1rem;
+    transition: border-color 0.3s;
+}
+
+input[type="text"]:focus,
+input[type="number"]:focus,
+textarea:focus,
+select:focus {
+    border-color: #4a90e2;
+    outline: none;
+}
+
+textarea {
+    resize: vertical;
+}
+
+.checkbox-group {
+    flex-direction: row;
+    align-items: center;
+}
+
+.checkbox-group label {
+    margin-bottom: 0;
+    margin-right: 0.5rem;
+}
+
+button {
+    grid-column: 1 / -1;
+    padding: 1rem;
+    background: linear-gradient(90deg, #50e3c2, #4a90e2);
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1.1rem;
+    font-weight: bold;
+    transition: opacity 0.3s;
+    margin-top: 1rem;
+}
+
+button:hover {
+    opacity: 0.9;
+}
+
+#video-container {
+    margin-top: 2rem;
+    text-align: center;
+}
+
+#generated-video {
+    max-width: 100%;
+    display: none;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+.hidden {
+    display: none;
+}
+
+#loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #4a90e2;
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+    animation: spin 1s linear infinite;
+    margin: 2rem auto;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+#error-container {
+    color: #e74c3c;
+    background-color: #fbeae5;
+    border: 1px solid #e74c3c;
+    padding: 1rem;
+    border-radius: 4px;
+    margin-top: 1rem;
+}