bugfix:protocol

client/demo/src/101_server_setting.tsx

@@ -126,29 +126,6 @@ export const useServerSettingArea = (props: UseServerSettingProps): ServerSettin
         props.clientState.serverSetting.isUploading,
         props.clientState.serverSetting.uploadProgress])
 
-    const protocolRow = useMemo(() => {
-        const onProtocolChanged = async (val: Protocol) => {
-            props.clientState.clientSetting.setProtocol(val)
-        }
-        return (
-            <div className="body-row split-3-7 left-padding-1 guided">
-                <div className="body-item-title left-padding-1">Protocol</div>
-                <div className="body-select-container">
-                    <select className="body-select" value={props.clientState.clientSetting.setting.protocol} onChange={(e) => {
-                        onProtocolChanged(e.target.value as
-                            Protocol)
-                    }}>
-                        {
-                            Object.values(Protocol).map(x => {
-                                return <option key={x} value={x}>{x}</option>
-                            })
-                        }
-                    </select>
-                </div>
-            </div>
-        )
-    }, [props.clientState.clientSetting.setting.protocol, props.clientState.clientSetting.setProtocol])
-
     const frameworkRow = useMemo(() => {
         const onFrameworkChanged = async (val: Framework) => {
             props.clientState.serverSetting.setFramework(val)
@@ -209,10 +186,9 @@ export const useServerSettingArea = (props: UseServerSettingProps): ServerSettin
                 {uploadeModelRow}
                 {frameworkRow}
                 {onnxExecutionProviderRow}
-                {protocolRow}
             </>
         )
-    }, [uploadeModelRow, frameworkRow, onnxExecutionProviderRow, protocolRow])
+    }, [uploadeModelRow, frameworkRow, onnxExecutionProviderRow])
 
 
     return {

client/demo/src/105_advanced_setting.tsx

@@ -1,4 +1,4 @@
-import { BufferSize, SampleRate, VoiceChangerMode } from "@dannadori/voice-changer-client-js"
+import { BufferSize, Protocol, SampleRate, VoiceChangerMode } from "@dannadori/voice-changer-client-js"
 import React, { useMemo, useState } from "react"
 import { ClientState } from "./hooks/useClient"
 
@@ -31,6 +31,30 @@ export const useAdvancedSetting = (props: UseAdvancedSettingProps): AdvancedSett
         )
     }, [props.clientState.clientSetting.setting.mmvcServerUrl, props.clientState.clientSetting.setServerUrl])
 
+    const protocolRow = useMemo(() => {
+        const onProtocolChanged = async (val: Protocol) => {
+            props.clientState.clientSetting.setProtocol(val)
+        }
+        return (
+            <div className="body-row split-3-7 left-padding-1 guided">
+                <div className="body-item-title left-padding-1">Protocol</div>
+                <div className="body-select-container">
+                    <select className="body-select" value={props.clientState.clientSetting.setting.protocol} onChange={(e) => {
+                        onProtocolChanged(e.target.value as
+                            Protocol)
+                    }}>
+                        {
+                            Object.values(Protocol).map(x => {
+                                return <option key={x} value={x}>{x}</option>
+                            })
+                        }
+                    </select>
+                </div>
+            </div>
+        )
+    }, [props.clientState.clientSetting.setting.protocol, props.clientState.clientSetting.setProtocol])
+
+
     const sampleRateRow = useMemo(() => {
         return (
             <div className="body-row split-3-7 left-padding-1 guided">
@@ -209,6 +233,7 @@ export const useAdvancedSetting = (props: UseAdvancedSettingProps): AdvancedSett
             <>
                 <div className="body-row divider"></div>
                 {mmvcServerUrlRow}
+                {protocolRow}
                 <div className="body-row divider"></div>
                 {sampleRateRow}
                 {bufferSizeRow}
@@ -226,7 +251,7 @@ export const useAdvancedSetting = (props: UseAdvancedSettingProps): AdvancedSett
                 <div className="body-row divider"></div>
             </>
         )
-    }, [showAdvancedSetting, mmvcServerUrlRow, sampleRateRow, bufferSizeRow, convertChunkNumRow, crossFadeOverlapRateRow, crossFadeOffsetRateRow, crossFadeEndRateRow, vfForceDisableRow, voiceChangeModeRow, workletSettingRow])
+    }, [showAdvancedSetting, mmvcServerUrlRow, protocolRow, sampleRateRow, bufferSizeRow, convertChunkNumRow, crossFadeOverlapRateRow, crossFadeOffsetRateRow, crossFadeEndRateRow, vfForceDisableRow, voiceChangeModeRow, workletSettingRow])
 
 
     const advancedSetting = useMemo(() => {

client/demo/src/hooks/useClientSetting.ts

@@ -158,9 +158,8 @@ export const useClientSetting = (props: UseClientSettingProps): ClientSettingSta
         const params = new URLSearchParams(location.search);
         const colab = params.get("colab")
         if (colab == "true") {
-            settingRef.current.protocol = "rest"
+            setProtocol("rest")
-            settingRef.current.inputChunkNum = 64
+            setInputChunkNum(64)
-            _setSetting({ ...settingRef.current })
         }
     }, [])