DEV Community

Cover image for Alors on Danse AI: Template-Locking a White-Studio Keyboard Duo
Alors on Danse Lab
Alors on Danse Lab

Posted on Originally published at tryalorsondanse.video

Alors on Danse AI: Template-Locking a White-Studio Keyboard Duo

How I shipped a two-photo → white-studio mini-keyboard duo on Cloudflare Workers — template lock first, Seedance via TryAllAPI second.

tryalorsondanse.video ships a single recognizable remake: white-studio mini-keyboard duo — Photo 1 on the keys (left), Photo 2 bringing the energy (right), ~15s MP4 at 480p/720p with original AI electronic audio (not the commercial song). Independent fan tool, 2026.

This article is about template lock as a product strategy: why the homepage refuses to become a prompt IDE, and how that simplifies Stripe credits + Seedance calls through TryAllAPI. Prices and model ids change; treat live site / console as source of truth.

Alors on Danse AI — studio dance create hero

Template lock, spelled out

The create panel is a storyboard with two slots:

  1. 01 · The keyboard player — portrait, left, playing keys.
  2. 02 · The dance partner — portrait, right, hype.
  3. Fixed studio lighting / camera language baked into the prompt template.
  4. User knobs: resolution (480p/720p), not choreography paragraphs.

Viral remake of the white-studio keyboard sketch — explicitly not selling the commercial track. Original AI audio keeps the download usable without claiming a master recording.

Desktop hero with dual upload slots

Live pricing verified while writing: create around $8.88 ≈ 1× 720p (500 credits), with packs like $16.99 and larger. Guest checkout. Soft CTA only — check the live button before you publish a price screenshot.

Why lock beats “flexible”

Flexible video models are great for labs and terrible for conversion on meme formats. Template lock gives you:

  • Repeatable demos (self-hosted samples match what you sell).
  • Simpler support (“upload clearer faces” vs debugging prompts).
  • Stable upstream payloads (same structure every job).
  • Clearer legal posture (fan remake of a format, original audio).

Vertical sample / OG poster for the duo

Stack overview

Layer Choice Role
Front / SSR TanStack Start (Vite) Landing, upload panel, generation status
Runtime Cloudflare Workers Edge deploy, secrets, API routes
DB Cloudflare D1 Credits, orders, task rows (table prefixes if DBs are shared)
Payments Stripe Checkout One-time packs + optional larger packs; guest checkout
Video upstream TryAllAPI → Seedance Async create + poll
Analytics GA Funnel sanity check
two portraits → studio duo template
→ check credits (else Stripe)
→ Worker creates Seedance task via TryAllAPI
→ poll until MP4 URL → store / show
→ on failure: refund credits
Enter fullscreen mode Exit fullscreen mode

Why a video API aggregator

Operational checklist after register / top-up:

  1. Confirm available USD balance in the console (not only the checkout success page).
  2. Create a token in pay-as-you-go style billing.
  3. Enable the video / Seedance-related channel group on that token. Wrong group → “no available channel” even when the model id looks right.
  4. Prefer separate keys per product (alorsondanse-prod vs sandbox).
  5. Put the key only in Workers Secrets (for example TRYALLAPI_API_KEY). Never in the frontend bundle or a blog post.

Conceptually the call shape looks like this (field names follow the aggregator’s v3 contents API; always re-check current docs):

POST /api/v3/contents/generations/tasks
Authorization: Bearer <TRYALLAPI_API_KEY>
Content-Type: application/json
Accept-Encoding: identity

GET /api/v3/contents/generations/tasks/{id}
Enter fullscreen mode Exit fullscreen mode

I send Accept-Encoding: identity from the Worker because some gateways behave badly with transparent decompression. Model ids used in production look like Seedance 2.x family strings — treat console ids as source of truth, not this paragraph.

Seedance parameters that matter for a studio duo

A few details that bit me across this family of sites:

  • Pass duration as an explicit integer. Some models default to “smart length.” Omitting duration can silently lengthen the clip and the bill.
  • resolution and ratio. Cost tracks resolution tier and duration more than portrait vs landscape. Match whatever the create UI offers (often 480p/720p and 9:16 for Shorts).
  • generate_audio. When the product ships “finished” downloads, leave audio on; creators who want a trending sound can mute later.
  • Status machine. Expect something like queued → running → succeeded / failed. Success URLs are often short-lived signed links — download/rehost on your side before handing the file to the user.
  • Decent failure. On supply_unavailable or hard failures: refund credits, show a short human message, log the detailed upstream error server-side, optionally fall back to another Seedance tier.

Rough mental model for upstream cost (illustrative only — use your own usage fields and invoices):

tokens ≈ duration_sec × width × height × fps / 1024
cost   ≈ tokens × price_per_million_tokens
Enter fullscreen mode Exit fullscreen mode

Price the site after you measure a few real runs with retry margin, Stripe fees, and failed-job refunds — not from a spreadsheet fantasy of 0% failure.

Duo-specific: map images to roles consistently (keys vs dance); generate_audio on for this product’s “finished file” feel.

Credits, Stripe, and the “can charge money” line

Demo UIs are easy. The line between toy and product is:

  1. User hits Create → check credit balance.
  2. If short → Stripe Checkout Session (guest allowed).
  3. Webhook (plus a return-URL sync check) grants credits.
  4. Pre-debit / lock credits, create upstream task, persist task_id in D1.
  5. Poll until done; succeed → show MP4; fail → refund credits.

Two books of account stay separate: USD balance at TryAllAPI (your cost) vs site credits (what you sold). Mixing them in one mental ledger is how you underprice or invent “mysterious” losses.

When several products share one Stripe account, isolate webhooks by endpoint or by metadata (site / product). Callbacks pointed at the wrong apex domain are a classic multi-site footgun.

Secrets stay in Workers: TRYALLAPI_API_KEY, STRIPE_SECRET_KEY, webhook secret, auth secrets. The browser only ever sees publishable Stripe keys if needed.

Deploy notes (Workers + D1)

Typical loop on this template family:

pnpm install
# wire D1 database_id, production env, custom domain in wrangler
pnpm cf:deploy
Enter fullscreen mode Exit fullscreen mode

Before calling a deploy “done”:

  • D1 binding is correct; shared DBs use table prefixes, not a new database per micro-idea (free-tier DB counts are limited).
  • AUTH_TRUSTED_ORIGINS and Stripe return / webhook URLs match the production HTTPS origin.
  • GA id is set for a coarse funnel (land → upload → pay → wait → download).
  • One real end-to-end path on production or a staging Worker: upload → pay → render → download.

Production origin: https://tryalorsondanse.video.

Product rules that are not optional

Face-based generation is not “just another SaaS CRUD app”:

  • Require an explicit 18+ / rights-to-use confirmation on upload.
  • Block minors and refuse celebrity / stranger misuse in copy and policy.
  • Expect upstream safety refusals; refund and explain.
  • Keep privacy policy honest about retention; do not train on user media by default.
  • Market as an independent fan-style tool for a trend format — not as an official tie-in unless you actually have that deal.
  • Use your own sample renders in marketing.

Those constraints belong in the product, not in a footnote you add after the first dispute email.

What I would reuse on the next duo-sketch site

  1. Dual-role templates convert when the meme is a duo.
  2. Original AI audio avoids “where do I get the song?” dead ends.
  3. Guest $8.88 single pack matches impulse remakes.
  4. Aggregator + locked prompt = thin Worker.
  5. Measure upload/pay drops before rewriting studio adjectives.

Consumer path: tryalorsondanse.video. Builder path: TryAllAPI. Lock the studio sketch; meter the credits.

Top comments (0)