mirror of
https://github.com/w-okada/voice-changer.git
synced 2025-03-12 10:20:11 +03:00
WIP: store stting 2
This commit is contained in:
parent
921825b597
commit
dd7036cd08
37
client/demo/dist/index.js
vendored
37
client/demo/dist/index.js
vendored
File diff suppressed because one or more lines are too long
28
client/demo/package-lock.json
generated
28
client/demo/package-lock.json
generated
@ -9,7 +9,7 @@
|
|||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@dannadori/voice-changer-client-js": "^1.0.55",
|
"@dannadori/voice-changer-client-js": "^1.0.57",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0"
|
"react-dom": "^18.2.0"
|
||||||
},
|
},
|
||||||
@ -25,7 +25,7 @@
|
|||||||
"babel-loader": "^9.1.2",
|
"babel-loader": "^9.1.2",
|
||||||
"copy-webpack-plugin": "^11.0.0",
|
"copy-webpack-plugin": "^11.0.0",
|
||||||
"css-loader": "^6.7.3",
|
"css-loader": "^6.7.3",
|
||||||
"eslint": "^8.32.0",
|
"eslint": "^8.33.0",
|
||||||
"eslint-config-prettier": "^8.6.0",
|
"eslint-config-prettier": "^8.6.0",
|
||||||
"eslint-plugin-prettier": "^4.2.1",
|
"eslint-plugin-prettier": "^4.2.1",
|
||||||
"eslint-plugin-react": "^7.32.1",
|
"eslint-plugin-react": "^7.32.1",
|
||||||
@ -3211,9 +3211,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@dannadori/voice-changer-client-js": {
|
"node_modules/@dannadori/voice-changer-client-js": {
|
||||||
"version": "1.0.55",
|
"version": "1.0.57",
|
||||||
"resolved": "https://registry.npmjs.org/@dannadori/voice-changer-client-js/-/voice-changer-client-js-1.0.55.tgz",
|
"resolved": "https://registry.npmjs.org/@dannadori/voice-changer-client-js/-/voice-changer-client-js-1.0.57.tgz",
|
||||||
"integrity": "sha512-Gwqw7Wgq5XjdDux/UcQ9rSW9UdSpTeZ4Kva+cb/JYMiojkFrlKB0ghC4HaKxhvIsRlrx3MU02aUPbUKjrjQsbg==",
|
"integrity": "sha512-JJl4WedfJGZLMsvHFbUQiCi6HavkH7P5JSGQcSI4C8iAh4DmUON/0/R2STlhasxlMiqlFPVqHpqLK/tQTapU8g==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/readable-stream": "^2.3.15",
|
"@types/readable-stream": "^2.3.15",
|
||||||
"amazon-chime-sdk-js": "^3.10.0",
|
"amazon-chime-sdk-js": "^3.10.0",
|
||||||
@ -5359,9 +5359,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/eslint": {
|
"node_modules/eslint": {
|
||||||
"version": "8.32.0",
|
"version": "8.33.0",
|
||||||
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.32.0.tgz",
|
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.33.0.tgz",
|
||||||
"integrity": "sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==",
|
"integrity": "sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@eslint/eslintrc": "^1.4.1",
|
"@eslint/eslintrc": "^1.4.1",
|
||||||
@ -13296,9 +13296,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@dannadori/voice-changer-client-js": {
|
"@dannadori/voice-changer-client-js": {
|
||||||
"version": "1.0.55",
|
"version": "1.0.57",
|
||||||
"resolved": "https://registry.npmjs.org/@dannadori/voice-changer-client-js/-/voice-changer-client-js-1.0.55.tgz",
|
"resolved": "https://registry.npmjs.org/@dannadori/voice-changer-client-js/-/voice-changer-client-js-1.0.57.tgz",
|
||||||
"integrity": "sha512-Gwqw7Wgq5XjdDux/UcQ9rSW9UdSpTeZ4Kva+cb/JYMiojkFrlKB0ghC4HaKxhvIsRlrx3MU02aUPbUKjrjQsbg==",
|
"integrity": "sha512-JJl4WedfJGZLMsvHFbUQiCi6HavkH7P5JSGQcSI4C8iAh4DmUON/0/R2STlhasxlMiqlFPVqHpqLK/tQTapU8g==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@types/readable-stream": "^2.3.15",
|
"@types/readable-stream": "^2.3.15",
|
||||||
"amazon-chime-sdk-js": "^3.10.0",
|
"amazon-chime-sdk-js": "^3.10.0",
|
||||||
@ -15001,9 +15001,9 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"eslint": {
|
"eslint": {
|
||||||
"version": "8.32.0",
|
"version": "8.33.0",
|
||||||
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.32.0.tgz",
|
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.33.0.tgz",
|
||||||
"integrity": "sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==",
|
"integrity": "sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"@eslint/eslintrc": "^1.4.1",
|
"@eslint/eslintrc": "^1.4.1",
|
||||||
|
@ -27,7 +27,7 @@
|
|||||||
"babel-loader": "^9.1.2",
|
"babel-loader": "^9.1.2",
|
||||||
"copy-webpack-plugin": "^11.0.0",
|
"copy-webpack-plugin": "^11.0.0",
|
||||||
"css-loader": "^6.7.3",
|
"css-loader": "^6.7.3",
|
||||||
"eslint": "^8.32.0",
|
"eslint": "^8.33.0",
|
||||||
"eslint-config-prettier": "^8.6.0",
|
"eslint-config-prettier": "^8.6.0",
|
||||||
"eslint-plugin-prettier": "^4.2.1",
|
"eslint-plugin-prettier": "^4.2.1",
|
||||||
"eslint-plugin-react": "^7.32.1",
|
"eslint-plugin-react": "^7.32.1",
|
||||||
@ -48,7 +48,7 @@
|
|||||||
"webpack-dev-server": "^4.11.1"
|
"webpack-dev-server": "^4.11.1"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@dannadori/voice-changer-client-js": "^1.0.55",
|
"@dannadori/voice-changer-client-js": "^1.0.57",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0"
|
"react-dom": "^18.2.0"
|
||||||
}
|
}
|
||||||
|
@ -1,8 +1,7 @@
|
|||||||
import { fileSelectorAsDataURL, createDummyMediaStream, SampleRate } from "@dannadori/voice-changer-client-js"
|
import { fileSelectorAsDataURL, useIndexedDB } from "@dannadori/voice-changer-client-js"
|
||||||
import React, { useEffect, useMemo, useState } from "react"
|
import React, { useEffect, useMemo, useState } from "react"
|
||||||
import { AUDIO_ELEMENT_FOR_PLAY_RESULT, AUDIO_ELEMENT_FOR_TEST_CONVERTED, AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK, AUDIO_ELEMENT_FOR_TEST_ORIGINAL, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"
|
import { AUDIO_ELEMENT_FOR_PLAY_RESULT, AUDIO_ELEMENT_FOR_TEST_CONVERTED, AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK, AUDIO_ELEMENT_FOR_TEST_ORIGINAL, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"
|
||||||
import { ClientState } from "@dannadori/voice-changer-client-js";
|
import { ClientState } from "@dannadori/voice-changer-client-js";
|
||||||
import { useIndexedDB } from "./hooks/useIndexedDB";
|
|
||||||
|
|
||||||
|
|
||||||
const reloadDevices = async () => {
|
const reloadDevices = async () => {
|
||||||
|
@ -1,50 +0,0 @@
|
|||||||
import { INDEXEDDB_DB_APP_NAME, INDEXEDDB_DB_NAME } from "@dannadori/voice-changer-client-js";
|
|
||||||
import localForage from "localforage";
|
|
||||||
import { useMemo } from "react";
|
|
||||||
|
|
||||||
|
|
||||||
export type IndexedDBState = {
|
|
||||||
dummy: string
|
|
||||||
}
|
|
||||||
export type IndexedDBStateAndMethod = IndexedDBState & {
|
|
||||||
setItem: (key: string, value: unknown) => Promise<void>,
|
|
||||||
getItem: (key: string) => Promise<unknown>
|
|
||||||
removeItem: (key: string) => Promise<void>
|
|
||||||
// clearAll: () => Promise<void>
|
|
||||||
}
|
|
||||||
|
|
||||||
export const useIndexedDB = (): IndexedDBStateAndMethod => {
|
|
||||||
localForage.config({
|
|
||||||
driver: localForage.INDEXEDDB,
|
|
||||||
name: INDEXEDDB_DB_APP_NAME,
|
|
||||||
version: 1.0,
|
|
||||||
storeName: INDEXEDDB_DB_NAME,
|
|
||||||
description: 'appStorage'
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
const setItem = useMemo(() => {
|
|
||||||
return async (key: string, value: unknown) => {
|
|
||||||
await localForage.setItem(key, value)
|
|
||||||
}
|
|
||||||
}, [])
|
|
||||||
const getItem = useMemo(() => {
|
|
||||||
return async (key: string) => {
|
|
||||||
return await localForage.getItem(key)
|
|
||||||
}
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const removeItem = useMemo(() => {
|
|
||||||
return async (key: string) => {
|
|
||||||
return await localForage.removeItem(key)
|
|
||||||
}
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
|
|
||||||
return {
|
|
||||||
dummy: "",
|
|
||||||
setItem,
|
|
||||||
getItem,
|
|
||||||
removeItem,
|
|
||||||
}
|
|
||||||
}
|
|
4
client/lib/package-lock.json
generated
4
client/lib/package-lock.json
generated
@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "@dannadori/voice-changer-client-js",
|
"name": "@dannadori/voice-changer-client-js",
|
||||||
"version": "1.0.55",
|
"version": "1.0.57",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@dannadori/voice-changer-client-js",
|
"name": "@dannadori/voice-changer-client-js",
|
||||||
"version": "1.0.55",
|
"version": "1.0.57",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/readable-stream": "^2.3.15",
|
"@types/readable-stream": "^2.3.15",
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@dannadori/voice-changer-client-js",
|
"name": "@dannadori/voice-changer-client-js",
|
||||||
"version": "1.0.55",
|
"version": "1.0.57",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "dist/index.js",
|
"main": "dist/index.js",
|
||||||
"directories": {
|
"directories": {
|
||||||
|
@ -64,6 +64,17 @@ export const useServerSetting = (props: UseServerSettingProps): ServerSettingSta
|
|||||||
// 初期化 その2 クライアントに設定
|
// 初期化 その2 クライアントに設定
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!props.voiceChangerClient) return
|
if (!props.voiceChangerClient) return
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.framework, setting.framework)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.onnxExecutionProvider, setting.onnxExecutionProvider)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.srcId, "" + setting.srcId)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.dstId, "" + setting.dstId)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.convertChunkNum, "" + setting.convertChunkNum)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.minConvertSize, "" + setting.minConvertSize)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.gpu, "" + setting.gpu)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.crossFadeOffsetRate, "" + setting.crossFadeOffsetRate)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.crossFadeEndRate, "" + setting.crossFadeEndRate)
|
||||||
|
props.voiceChangerClient.updateServerSettings(ServerSettingKey.crossFadeOverlapRate, "" + setting.crossFadeOverlapRate)
|
||||||
|
|
||||||
// props.voiceChangerClient.setServerUrl(settingRef.current.mmvcServerUrl)
|
// props.voiceChangerClient.setServerUrl(settingRef.current.mmvcServerUrl)
|
||||||
// props.voiceChangerClient.setInputChunkNum(settingRef.current.inputChunkNum)
|
// props.voiceChangerClient.setInputChunkNum(settingRef.current.inputChunkNum)
|
||||||
// props.voiceChangerClient.setProtocol(settingRef.current.protocol)
|
// props.voiceChangerClient.setProtocol(settingRef.current.protocol)
|
||||||
|
@ -2,3 +2,4 @@ export * from "./const"
|
|||||||
export * from "./VoiceChangerClient"
|
export * from "./VoiceChangerClient"
|
||||||
export * from "./util"
|
export * from "./util"
|
||||||
export * from "./hooks/useClient"
|
export * from "./hooks/useClient"
|
||||||
|
export * from "./hooks/useIndexedDB"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user