Spaces:
Running on Zero
Running on Zero
File size: 2,921 Bytes
099efca | 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 | <div id="fh-composer" class="fh-composer">
<section class="fh-section">
<div class="fh-section-head">
<span class="fh-title">References</span>
<span class="fh-counts" data-counts></span>
</div>
<div class="fh-tray" data-tray>
<button type="button" class="fh-drop" data-drop>
<span class="fh-drop-icon">+</span>
<span class="fh-drop-text">Drop images, videos or audio<br><small>or click to add · order matters</small></span>
</button>
</div>
<input type="file" data-file multiple accept="image/*,video/*,audio/*" hidden>
<div class="fh-hint" data-ref-hint></div>
</section>
<section class="fh-section">
<div class="fh-section-head">
<div class="fh-seg" role="tablist">
<button type="button" class="fh-seg-btn is-active" data-mode="builder">Builder</button>
<button type="button" class="fh-seg-btn" data-mode="write">Write</button>
</div>
<button type="button" class="fh-upsample" data-upsample title="Rewrite into a detailed H3 prompt with the MiniMax-H3 rewriter">
<span class="fh-spark">✦</span><span data-upsample-label>Upsample</span>
</button>
</div>
<div class="fh-pane" data-pane="builder">
<div class="fh-refdescs" data-refdescs></div>
<label class="fh-field">
<span class="fh-label">Action & scene</span>
<div class="fh-chipbar" data-subject-chips></div>
<textarea data-b="scene" rows="3" placeholder="<Subject 1> walks along a sunlit beach promenade at golden hour, glancing toward the camera…"></textarea>
</label>
<div class="fh-row">
<label class="fh-field">
<span class="fh-label">Soundscape</span>
<input data-b="sound" type="text" placeholder="ocean waves, a gentle breeze and distant seagulls">
</label>
<label class="fh-field">
<span class="fh-label">Music</span>
<input data-b="music" type="text" placeholder="none">
</label>
</div>
<label class="fh-field">
<span class="fh-label">Style</span>
<input data-b="style" type="text" value="realistic photographic">
</label>
<details class="fh-preview">
<summary>H3 prompt preview <button type="button" class="fh-link" data-to-write>Edit as text →</button></summary>
<pre data-preview></pre>
</details>
</div>
<div class="fh-pane" data-pane="write" hidden>
<div class="fh-chipbar" data-write-chips></div>
<textarea data-write rows="9" placeholder="Describe the video and refer to each reference by its tag, e.g. <Picture 1> dances to <Audio 1> in a neon-lit club…"></textarea>
<div class="fh-lint" data-lint></div>
</div>
</section>
<section class="fh-section fh-examples">
<span class="fh-title">Try an example</span>
<div class="fh-example-row" data-examples></div>
</section>
</div>
|