Spaces:
Running
Running
File size: 10,509 Bytes
0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 e2e9365 0423506 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>๐ป GhostPack: Veo 3-Level Video Generation ๐</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- Custom CSS -->
<link rel="stylesheet" href="style.css">
<!-- Favicon -->
<link rel="icon" href="https://huggingface.co/spaces/ghostai1/GhostPack/resolve/main/ghostpack_logo.png">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">๐ป GhostPack</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#math">Math Magic</a></li>
<li class="nav-item"><a class="nav-link" href="#installation">Installation</a></li>
<li class="nav-item"><a class="nav-link" href="#usage">Usage</a></li>
<li class="nav-item"><a class="nav-link" href="#optimization">Optimization</a></li>
<li class="nav-item"><a class="nav-link" href="#model">Model Card</a></li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-section text-center text-white">
<div class="container">
<h1 class="display-3 animate__animated animate__zoomIn">๐ป GhostPack</h1>
<p class="lead animate__animated animate__fadeIn animate__delay-1s">Unleash Veo 3-Level Video Generation with Mind-Blowing Math Optimizations! ๐๐</p>
<a href="#installation" class="btn btn-ghost btn-lg animate__animated animate__pulse animate__delay-2s">Get Started ๐ ๏ธ</a>
<a href="https://github.com/ghostai1/GhostPack" class="btn btn-outline-ghost btn-lg animate__animated animate__pulse animate__delay-2s" target="_blank">GitHub ๐</a>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-5 bg-dark text-white">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">โจ Ghostly Features</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card bg-ghost h-100">
<div class="card-body">
<h3 class="card-title">๐น Veo 3-Level AI</h3>
<p class="card-text">Rivals Googleโs Veo 3 with ultra-realistic, coherent video generation using next-frame prediction.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card bg-ghost h-100">
<div class="card-body">
<h3 class="card-title">โก๏ธ Blazing Speed</h3>
<p class="card-text">Teacache delivers ~40% faster generation (~12โ15s/frame on RTX 3060) for rapid results.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card bg-ghost h-100">
<div class="card-body">
<h3 class="card-title">๐ ๏ธ Laptop Power</h3>
<p class="card-text">Runs 13B models on GPUs with โฅ6GB VRAM, optimized for RTX 3060 and beyond.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Math Optimization Section -->
<section id="math" class="py-5">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">๐ง Revolutionary Math Optimizations</h2>
<p class="lead text-center">GhostPackโs SDK is supercharged by ghostai1โs cutting-edge mathematical breakthroughs, redefining video generation efficiency.</p>
<div class="row">
<div class="col-md-6 mb-4">
<h3>Compressed Context Packing</h3>
<p>Our proprietary algorithms compress input frame contexts to a constant length, making generation workload invariant to video length. This slashes compute costs, enabling long-form videos on modest GPUs.</p>
</div>
<div class="col-md-6 mb-4">
<h3>Dynamic Batch Optimization</h3>
<p>Advanced batching techniques dynamically adjust frame processing, maximizing VRAM utilization (11.76 GiB on RTX 3060) for up to 50% faster throughput.</p>
</div>
</div>
<p class="text-center">These optimizations make GhostPack a lean, mean, video-generating machine, rivaling industry giants like Veo 3! ๐</p>
</div>
</section>
<!-- Installation Section -->
<section id="installation" class="py-5 bg-dark text-white">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">๐ ๏ธ Installation</h2>
<p class="text-center lead">Unleash GhostPack on Ubuntu, Windows, or macOS. Ensure >30GB disk space for models.</p>
<div class="row">
<div class="col-md-4 mb-4">
<h3>๐ง Ubuntu</h3>
<pre><code>git clone https://github.com/ghostai1/GhostPack
cd GhostPack
chmod +x install_ubuntu.sh
./install_ubuntu.sh</code></pre>
<p>NVIDIA GPU, Python 3.10, CUDA 12.6 required.</p>
</div>
<div class="col-md-4 mb-4">
<h3>๐ช Windows</h3>
<pre><code>git clone https://github.com/ghostai1/GhostPack
cd GhostPack
install_windows.bat</code></pre>
<p>Auto-downloads models (>30GB).</p>
</div>
<div class="col-md-4 mb-4">
<h3>๐ macOS</h3>
<pre><code>git clone https://github.com/ghostai1/GhostPack
cd GhostPack
chmod +x install_macos.sh
./install_macos.sh</code></pre>
<p>M1/M2 support (slower).</p>
</div>
</div>
</div>
</section>
<!-- Usage Section -->
<section id="usage" class="py-5">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">๐น Usage</h2>
<ol>
<li><strong>Launch Ghostly GUI</strong>:
<pre><code>source ~/ghostpack_venv/venv/bin/activate
cd ~/ghostpack_venv
python ghostgradio.py --port 5666 --server 0.0.0.0</code></pre>
</li>
<li><strong>Configure</strong>:
<ul>
<li>Upload an image.</li>
<li>Prompt: โThe girl dances gracefully, with clear movements, full of charm.โ</li>
<li>Enable teacache (โก๏ธ speed boost).</li>
<li>Set 15fps, 5s video (~75 frames).</li>
</ul>
</li>
<li><strong>Monitor</strong>: Run <code>nvidia-smi</code> (~80โ100% GPU usage).</li>
</ol>
</div>
</section>
<!-- Optimization Section -->
<section id="optimization" class="py-5 bg-dark text-white">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">โก๏ธ Turbocharge Performance</h2>
<ul>
<li><strong>Teacache</strong>: ~40% speed-up (12โ15s/frame on RTX 3060).</li>
<li><strong>Sage-Attention/Xformers</strong>: 5โ10% faster compute.</li>
<li><strong>tcmalloc</strong>: 5โ20% memory efficiency.</li>
<li><strong>CUDA Magic</strong>:
<pre><code>export PYTORCH_CUDA_ALLOC_CONF=max_split_size_mb:128
export CUDNN_V8_API_ENABLED=1</code></pre>
</li>
<li><strong>GPU Overdrive</strong>:
<pre><code>sudo nvidia-smi -pm 1</code></pre>
</li>
</ul>
<p class="text-center">Hit ~10โ15s/frame on RTX 3060 with these tweaks! ๐</p>
</div>
</section>
<!-- Model Card Section -->
<section id="model" class="py-5">
<div class="container">
<h2 class="text-center mb-5 animate__animated animate__fadeIn">Model Card</h2>
<ul>
<li><strong>Model</strong>: GhostPack-F1 (13B parameters).</li>
<li><strong>Repo</strong>: <a href="https://huggingface.co/spaces/ghostai1/GhostPack" target="_blank">Hugging Face Spaces</a></li>
<li><strong>Files</code> with Git LFS.</li>
<li><strong>License</strong>: Apache-2.0.</li>
</ul>
</div>
</section>
<!-- Footer -->
<footer class="bg-ghost-black text-white text-center py-4">
<p>๐ป GhostPack by ghostai1 | <a href="https://github.com/ghostai1/GhostPack" target="_blank">GitHub</a> | <a href="https://huggingface.co/spaces/ghostai1/GhostPack" target="_blank">Hugging Face</a> | Apache-2.0 License</p>
<p>Built with ๐ and โก๏ธ to haunt the video generation world!</p>
</footer>
<!-- Bootstrap JS and Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="script.js"></script>
</body>
</html> |