-
-
-
-
-
-
- {title}
-{subtitle}
- {
- toggleHidden = false;
- }}
- >
-
-
-
-
-
-
Audio
- -
+
+
+
+
-
-
+ {#each locales as locale}
setLocale(locale)}>{locale}
+ {/each}
+
+
+
+ + {m.audio_source()} +
+ + + +
(audioSource = "mic")}>{m.mic()}
+ {#if supportsTabAudio}
+
+ {/if}
- audioFileInput.click()}>{m.file()}
+
+
{#if audioSource === "tab"}
- {#if supportsTabAudio}
- - Click Start, pick a tab playing music, and check "Share tab audio". Direct audio capture — no mic needed. -
- {:else} -- Tab audio capture is only supported in Chrome and Edge. Use Link - or Mic instead. -
- {/if} - {:else if audioSource === "link"} - - {#if embedUrl} - {#if isYouTubeUrl} - + {m.tab_hint()} + "{m.tab_hint_bold()}". + + {/if} + + {#if audioSource === "file"} + (dragOver = false)}
+ >
+ {m.drop_audio()}
+
+
+ {#if fileName}
+
+
+ - Play the video in the new tab, then click Start here. Uses your mic - to capture the audio. -
- {:else} - -- Play the music above, then click Start. Uses your mic to capture the - audio. -
- {/if} - {:else if audioUrl} -- Could not parse this URL. Try a YouTube, Spotify, or SoundCloud link. -
+
+
+ {formatTime(fileCurrentTime)}
+
+ {formatTime(fileDuration)}
+
+ {#if !isListening}
+ {m.file_loaded()}
+ {/if} + (dragOver = false)}
- >
- Drop audio file here
-
- {#if fileName}
-
-
- {/if}
-
-
- {fileName}
-
-
-
- {formatTime(fileCurrentTime)}
-
- {formatTime(fileDuration)}
-
- {#if !isListening}
- File loaded. Click Start to begin playback.
- {/if} -
-
Visualization
-
- {#each vizModes as mode}
+
+
+
-
-
+ {m.visualization()} +
+
+ {#each vizModeKeys as key, i}
(vizMode = key)}>{vizModeName(key)}
{/each}
-
+
-
Title Position
-
-
-
-
-
+
+
+
- + {m.colors()} +
+
+ {#each Object.entries(colorPresets) as [key, preset]}
selectPreset(key)}
>
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ {preset.name}
+
+ {/each}
-
-
-
- Reactivity
- - - -
-
Effects
- - {#if particlesEnabled} -
-
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+ {m.primary()}
+
+
+
+
+ {m.secondary()}
+
+
+
+ + {m.effects()} +
+
+
+
+
-
-
-
+ {m.shake()}{shakeAmount.toFixed(1)}
+
-
-
- {#if particleImage}
- 
-
+
+
+ {m.zoom()}{zoomIntensity.toFixed(1)}
- {/if}
+
+
+
+
+
+ {m.glow()}{glowIntensity.toFixed(1)}
+
+
+ + {m.reactivity()} +
+
+
+
+
+
+ {m.sensitivity()}{sensitivity.toFixed(1)}
+
+
+
+
+
+ {m.smoothing()}{smoothing.toFixed(2)}
+
+
+
+
+
+ {m.bass_emphasis()}{bassEmphasis.toFixed(2)}
+
+
+ + {m.particles()} +
+ + {#if particlesEnabled} +
+
{/if}
-
-
-
-
+
+
+ {m.density()}{particleDensity.toFixed(1)}
+
+
+
+
+
+ {m.size()}{particleSize.toFixed(1)}
+
+
+
+
+
+ {m.rotation()}{particleRotation.toFixed(1)}
+
+
+
+
+
+ {#if particleImage}
+
+
+ {/if}
+
-
Branding
- - -
+
+
+
+ {m.branding()} +
+
+
+
+
+
+
+ {m.position()}
+
+ {#each [["top-left", "top", "top-right"], ["left", "center", "right"], ["bottom-left", "bottom", "bottom-right"]] as row}
+
+
+ {#each row as pos}
+
+ {/each}
+
+ {/each}
+
-
+
{#if logoUrl}
-
+
{/if}
{#if logoUrl}
-
+
{#if logoSpin}
-