File: //tmp/cs-publish-sound-mp4.html
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Publish Console | Creator Studio</title>
<meta name="description" content="Bereite TikTok-Auslieferung über den sicheren Draft-first-Weg vor: MP4-Upload, signierte URL-Übergabe, Photo/Carousel-Brief oder Sound-fähiger Video-Workaround." />
<link rel="alternate" hreflang="de" href="https://kiwerkzeuge.de/creator-studio/de/publish/" />
<link rel="alternate" hreflang="en" href="https://kiwerkzeuge.de/creator-studio/en/publish/" />
<link rel="stylesheet" href="/creator-studio/assets/creator-redesign.css?v=20260614-4" />
<script>try{const t=localStorage.getItem('creator-studio-theme');document.documentElement.dataset.theme=t||((matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light')}catch(e){}</script>
<script defer src="/creator-studio/assets/creator-redesign.js?v=20260614-1"></script>
</head>
<body class="cs-redesign">
<header class="cs-topbar">
<nav class="cs-shell cs-nav" aria-label="Creator Studio">
<a class="cs-brand" href="/creator-studio/de/">
<span class="cs-brand-mark">K</span>
<span>Creator Studio<small>Prüfen. Verbessern. Posten.</small></span>
</a>
<div class="cs-nav-links">
<a href="/creator-studio/de/" >Creator</a>
<a href="/creator-studio/de/publish/" aria-current="page">Publish</a>
<a href="/creator-studio/de/library/" >Library</a>
<a href="/creator-studio/de/status/" >Status</a>
<a href="/creator-studio/de/agency/" >Agenturen</a>
<a href="/creator-studio/de/pricing/" >Preise</a>
</div>
<div class="cs-nav-actions">
<div class="cs-lang-switch" aria-label="Language">
<a href="/creator-studio/de/publish/" aria-current="true">DE</a>
<a href="/creator-studio/en/publish/" aria-current="false">EN</a>
</div>
<button class="cs-theme-toggle" type="button" data-theme-toggle>Light</button>
<a class="cs-button" href="/creator-studio/de/app/">App öffnen</a>
</div>
</nav>
</header>
<main class="cs-shell">
<section class="cs-page-hero">
<h1>Publish Console</h1>
<p>Bereite TikTok-Auslieferung über den sicheren Draft-first-Weg vor: MP4-Upload, signierte URL-Übergabe, Photo/Carousel-Brief oder Sound-fähiger Video-Workaround.</p>
<div class="cs-actions"><a class="cs-button" href="/creator-studio/auth/tiktok/start.php">Mit TikTok verbinden</a><a class="cs-button secondary" href="/creator-studio/de/status/">Status</a></div>
</section>
<section class="cs-section">
<div class="cs-grid-5 cs-grid-3">
<article class="cs-stat-card"><strong>1</strong><span>verbundene TikTok-Konten</span></article>
<article class="cs-stat-card"><strong>2</strong><span>PULL_FROM_URL</span><p>2 video · 7 image · HEAD 200 / Range 206</p></article>
<article class="cs-stat-card"><strong>0</strong><span>Photo-/Carousel-Handoffs</span></article>
<article class="cs-stat-card"><strong>0</strong><span>Sound-MP4-Briefs</span><p>Audio · QR · KI-Hinweis</p></article>
<article class="cs-stat-card"><strong>1</strong><span>Direct Publishes</span><p>Premium nach Audit</p></article>
</div>
</section>
<section class="cs-section">
<div class="cs-section-head"><h2>Sicheren Publishing-Pfad wählen</h2><p>Draft- und Inbox-Flows bleiben Standard, bis Direct Post für öffentliche/Business-Accounts auditiert ist.</p></div>
<div class="cs-grid-4 cs-grid-3">
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>MP4 Draft Upload</h3><p>Geprüfte MP4 in die TikTok-App zur finalen Bearbeitung senden.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>PULL_FROM_URL</h3><p>Signierte HTTPS-Assets von der verifizierten Creator-Studio-Domain verwenden.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Carousel als Video</h3><p>Sound, sichtbare URL, QR und AI-Hinweis werden in eine vertikale MP4 gerendert.</p></article>
<article class="cs-step-card"><span class="cs-status-pill ready">Bereit</span><h3>Direct Publish</h3><p>Bleibt hinter Creator-Info, Privacy, Interaktionen, Branded-Content und AIGC-Bestätigung.</p></article>
</div>
</section>
<section class="cs-section cs-grid-2">
<article class="cs-card">
<h2>Carousel-Brief erstellen</h2>
<p class="cs-form-help">Füge öffentliche HTTPS-Bild-URLs ein. Creator Studio speichert den Brief privat und sendet nur Hashes, Zählwerte und Status an OpenClaw.</p>
<form class="cs-form" method="post">
<input type="hidden" name="csrf" value="0d4482feb8fa42e6ee893990ce0be400598f2e65f9c8fff8" />
<input type="hidden" name="action" value="photo-carousel-brief" />
<label class="cs-field">Template<select name="template_id"><option value="product_demo">Product demo</option><option value="before_after">Before / after</option><option value="checklist">Checklist</option><option value="case_study">Case study</option></select></label>
<label class="cs-field">Auslieferungspfad<select name="delivery_mode"><option value="photo_media_upload">Photo/Carousel in TikTok-Inbox</option><option value="sound_ready_mp4">Sound-fähige vertikale MP4</option></select></label>
<label class="cs-field">TikTok-Titel<input name="title" maxlength="90" required /></label>
<label class="cs-field">HTTPS-Bild-URLs, eine pro Zeile<textarea name="image_urls" required placeholder="https://kiwerkzeuge.de/creator-studio/assets/carousel/creator-studio-proof-1.png"></textarea></label>
<label class="cs-field">Beschreibung / Caption-Richtung<textarea name="description"></textarea></label>
<label class="cs-field">Sichtbare CTA-URL / QR-Ziel<input name="cta_url" type="url" placeholder="https://kiwerkzeuge.de/creator-studio/" /></label>
<label class="cs-field">Sound-Richtung<input name="sound_direction" maxlength="240" placeholder="Markensicherer upbeat Sound, in die MP4 eingebettet" /></label>
<label class="cs-field">Cover-Bildindex<input name="cover_index" type="number" min="0" value="0" /></label>
<div class="cs-toggle-list">
<label><input type="hidden" name="visible_url_required" value="0" /><input type="checkbox" name="visible_url_required" value="1" checked />Sichtbare URL im Medium</label>
<label><input type="hidden" name="qr_required" value="0" /><input type="checkbox" name="qr_required" value="1" checked />QR-Code erforderlich</label>
<label><input type="hidden" name="ai_disclosure_required" value="0" /><input type="checkbox" name="ai_disclosure_required" value="1" checked />KI-Hinweis erforderlich</label>
</div>
<label class="cs-field" style="display:none">Website<input name="website" tabindex="-1" autocomplete="off" /></label>
<button class="cs-button" type="submit">Brief speichern</button>
</form>
</article>
<article class="cs-card">
<h2>Compliance-Checkliste</h2>
<div class="cs-check-list">
<p>KI-generierter oder KI-bearbeiteter Content wird sichtbar offengelegt; der TikTok-Editor-Schalter bleibt Teil des Handoffs.</p><p>Photo MEDIA_UPLOAD hat keinen API-Musikschalter; Sound-Posts nutzen den vertikalen MP4-Workaround.</p><p>Links erscheinen als sichtbare URL/QR im Medium, nicht als versprochene klickbare Carousel-Links.</p><p>Direct Publish bleibt für öffentliche Business-Accounts Premium-/Audit-gated.</p> </div>
<div class="cs-proof-row compact">
<div><strong>1</strong><span>echte Briefs</span></div>
<div><strong>3</strong><span>reviewbereit</span></div>
<div><strong>0</strong><span>Sound-MP4</span></div>
</div>
</article>
</section>
</main>
<footer class="cs-footer">
<div class="cs-shell">
<span>Creator Studio wird von kiwerkzeuge.de für TikTok-Creator-Workflows betrieben.</span>
<span><a href="/creator-studio/privacy.html">Privacy</a><a href="/creator-studio/terms.html">Terms</a><a href="/creator-studio/ops/">Interne Ops</a></span>
</div>
</footer>
</body>
</html>