ai-chat / index.html
chengzeyi's picture
Serve example media from this Space (the wavespeed.ai CDN blocks hotlinking)
3d172e7 verified
Raw History Blame Contribute Delete
5.89 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AI Chat — create and edit images and videos by chatting</title>
<meta name="description" content="AI Chat on WaveSpeed AI: an assistant that sees your pictures and makes and edits images and videos with Seedream, Nano Banana, GPT Image, Seedance, Wan and MiniMax." />
<link rel="canonical" href="https://wavespeed.ai/chat?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" />
<meta property="og:type" content="website" />
<meta property="og:title" content="AI Chat — create and edit images and videos by chatting" />
<meta property="og:description" content="AI Chat on WaveSpeed AI: an assistant that sees your pictures and makes and edits images and videos with Seedream, Nano Banana, GPT Image, Seedance, Wan and MiniMax." />
<meta property="og:url" content="https://wavespeed.ai/chat" />
<meta property="og:image" content="https://huggingface.co/spaces/wavespeed/ai-chat/resolve/main/media/1790881558547248482_yDNV6fox.webp" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header class="site-header">
<div class="wrap">
<a class="brand" href="https://wavespeed.ai?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">
<span class="brand-mark" aria-hidden="true"></span>
<span>WaveSpeed AI</span>
</a>
<nav class="header-nav">
<a class="jump opt" href="#example">Example</a>
<a class="jump opt" href="#features">Features</a>
<a class="jump opt" href="#try">Try it</a>
<a href="https://wavespeed.ai/chat?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">wavespeed.ai &#8599;</a>
</nav>
</div>
</header>
<main class="wrap">
<div class="hero">
<p class="eyebrow">WaveSpeed AI</p>
<h1>AI Chat</h1>
<p class="lede">Describe it, upload it, refine it. Tell the assistant what you want and show it your pictures; it picks the model, writes the prompt and makes or edits the image or video.</p>
<ul class="meta">
<li><b>Images</b> Seedream 5 Pro · Nano Banana · GPT Image</li>
<li><b>Video</b> Seedance 2.5 · Seedance 2.0 · Wan 3.0 · MiniMax H3</li>
<li><b>Languages</b> Write in your own</li>
<li><b>Where</b> wavespeed.ai/chat</li>
</ul>
</div>
<section id="example">
<h2>From one sentence to a video</h2>
<p class="section-note">"A chef portrait in a sunny kitchen, warm morning light" — then "turn image1 into a 5 second video" with a line in French.</p>
<div class="figure-grid">
<figure>
<img src="https://huggingface.co/spaces/wavespeed/ai-chat/resolve/main/media/1790909342344713301_t3CLU3dn.jpeg" alt="Chef portrait made in AI Chat" loading="lazy" />
<figcaption><b>image1</b> The portrait</figcaption>
</figure>
<figure>
<video src="https://huggingface.co/spaces/wavespeed/ai-chat/resolve/main/media/1790909352101350373_uZpyIS1b.mp4" controls preload="metadata" poster="https://huggingface.co/spaces/wavespeed/ai-chat/resolve/main/media/1790909342344713301_t3CLU3dn.jpeg"></video>
<figcaption><b>video1</b> Animated from image1, with a line in French</figcaption>
</figure>
</div>
</section>
<section id="features">
<h2>What it does</h2>
<div class="grid">
<div class="card">
<h3>Just describe it</h3>
<p>Say what you want in plain words and refine it turn by turn — a new background, another style, a different aspect ratio.</p>
</div>
<div class="card">
<h3>It sees your pictures</h3>
<p>Upload photos or videos; the assistant looks at them, answers questions and edits, combines or animates them.</p>
</div>
<div class="card">
<h3>Your language, your words</h3>
<p>Write in your own language. Dialogue, lyrics and on-screen text keep the exact words you give.</p>
</div>
<div class="card">
<h3>Top models in one place</h3>
<p>Seedream 5 Pro, Nano Banana and GPT Image for images; Seedance, Wan 3.0 and MiniMax H3 for video.</p>
</div>
<div class="card">
<h3>You stay in control</h3>
<p>Ask first, Just make it or Full auto — videos show their price before anything runs unless you choose otherwise.</p>
</div>
<div class="card">
<h3>Refer to anything</h3>
<p>Every result gets a tag like image1 or video2, so later messages can build on earlier ones.</p>
</div>
</div>
</section>
<section id="try">
<h2>Try it</h2>
<p class="section-note">AI Chat runs on wavespeed.ai and is billed per use, with no subscription.</p>
<div class="btn-row">
<a class="btn" href="https://wavespeed.ai/chat?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">Open AI Chat</a>
<a class="btn secondary" href="https://wavespeed.ai/blog/ai-news/wavespeed-ai-chat-create-and-edit-images-and-videos-by-chatting/?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">Read the announcement</a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="wrap">
<p>This page is maintained by WaveSpeed AI. The example was made in an AI Chat conversation.</p>
<div class="footer-links">
<a href="https://wavespeed.ai?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">WaveSpeed AI</a>
<a href="https://wavespeed.ai/docs?utm_source=huggingface&amp;utm_medium=space&amp;utm_campaign=ai_chat" target="_blank" rel="noopener">Docs</a>
<a href="https://huggingface.co/wavespeed" target="_blank" rel="noopener">Hugging Face</a>
</div>
</div>
</footer>
<script src="tabs.js"></script>
</body>
</html>