("")
+
+ const editSpeakerIdMappingRow = useMemo(() => {
+ if (!speakerSetting.editSpeakerIdMappingEnable) {
+ return <>
+ }
+
+ const onSetSpeakerMappingClicked = async () => {
+ const targetId = editSpeakerTargetId
+ const targetName = editSpeakerTargetName
+ const targetSpeaker = appState.clientSetting.clientSetting.speakers.find(x => { return x.id == targetId })
+ if (targetSpeaker) {
+ if (targetName.length == 0) { // Delete
+ const newSpeakers = appState.clientSetting.clientSetting.speakers.filter(x => { return x.id != targetId })
+ appState.clientSetting.updateClientSetting({ ...appState.clientSetting.clientSetting, speakers: newSpeakers })
+ } else { // Update
+ targetSpeaker.name = targetName
+ appState.clientSetting.updateClientSetting({ ...appState.clientSetting.clientSetting, speakers: [...appState.clientSetting.clientSetting.speakers] })
+ }
+ } else {
+ if (targetName.length == 0) { // Noop
+ } else {// add
+ appState.clientSetting.clientSetting.speakers.push({
+ id: targetId,
+ name: targetName
+ })
+ appState.clientSetting.updateClientSetting({ ...appState.clientSetting.clientSetting, speakers: [...appState.clientSetting.clientSetting.speakers] })
+
+ }
+ }
+ }
+ return (
+
+
Edit Speaker Mapping
+
+ {
+ const id = Number(e.target.value)
+ setEditSpeakerTargetId(id)
+ setEditSpeakerTargetName(appState.clientSetting.clientSetting.speakers.find(x => { return x.id == id })?.name || "")
+ }} />
+
+
+ {
+ setEditSpeakerTargetName(e.target.value)
+ }} />
+
+
+
+
F0 Factor
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, f0Factor: Number(e.target.value) })
+ }}>
+ {appState.serverSetting.serverSetting.f0Factor?.toFixed(1) || 0}
+
+
+
recommend: {recommendedF0Factor.toFixed(1)}
+
+
Tuning
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, tran: Number(e.target.value) })
+ }}>
+ {appState.serverSetting.serverSetting.tran}
+
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, predictF0: e.target.checked ? 1 : 0 })
+ }} /> predict f0
+
+
+
+
+
Cluster infer ratio
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, clusterInferRatio: Number(e.target.value) })
+ }}>
+ {appState.serverSetting.serverSetting.clusterInferRatio}
+
+
+
+
+
Noice Scale
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, noiceScale: Number(e.target.value) })
+ }}>
+ {appState.serverSetting.serverSetting.noiceScale}
+
+
+
+
+
Silent Threshold
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, silentThreshold: Number(e.target.value) })
+ }}>
+ {appState.serverSetting.serverSetting.silentThreshold}
+
+
+
+
+
+
+
+ {accodionButton}
+
+ { guiState.stateControls.openConverterSettingCheckbox.updateState(!guiState.stateControls.openConverterSettingCheckbox.checked()) }}>
+ Converter Setting
+
+
+
+
+
+
+
+
+
+
+
Input Chunk Num(128sample/chunk)
+
+ {
+ appState.workletNodeSetting.updateWorkletNodeSetting({ ...appState.workletNodeSetting.workletNodeSetting, inputChunkNum: Number(e.target.value) })
+ appState.workletNodeSetting.trancateBuffer()
+ }} />
+
+
+
buff: {(appState.workletNodeSetting.workletNodeSetting.inputChunkNum * 128 * 1000 / 48000).toFixed(1)}ms
+
+
+
+
+
Extra Data Length
+
+
+
+
+
+
+
+
GPU
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, gpu: Number(e.target.value) })
+ }} />
+
+
+
+
+ {accodionButton}
+
+ { guiState.stateControls.openAdvancedSettingCheckbox.updateState(!guiState.stateControls.openAdvancedSettingCheckbox.checked()) }}>
+ Advanced Setting
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Protocol
+
+
+
+
+
Sample Rate
+
+
+
+
+
Sending Sample Rate
+
+
+
+
+
Cross Fade Overlap Size
+
+
+
+
+
Cross Fade Offset Rate
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, crossFadeOffsetRate: Number(e.target.value) })
+ }} />
+
+
+
Cross Fade End Rate
+
+ {
+ appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, crossFadeEndRate: Number(e.target.value) })
+ }} />
+
+
+
DownSamplingMode
+
+
+
+
+
Trancate Num
+
+ {
+ appState.workletSetting.setSetting({
+ ...appState.workletSetting.setting,
+ numTrancateTreshold: Number(e.target.value)
+ })
+ }} />
+
+