1berry/wokada-voice-changer
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update links

Browse Source
This commit is contained in:
wataru 2023-03-13 12:01:33 +09:00
parent 844c52d749
commit dd30c70f87
14 changed files with 221 additions and 953 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/demo_so-vits-svc_40v2/dist/index.html vendored
View File

@ -1,10 +1 @@
<!DOCTYPE html> <!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"/><title>Voice Changer Client Demo</title><script defer="defer" src="index.js"></script></head><body style="width:100%;height:100%;margin:0"><div id="app" style="width:100%;height:100%"></div></body></html>
<html style="width: 100%; height: 100%; overflow: hidden">
<head>
<meta charset="utf-8" />
<title>Voice Changer Client Demo</title>
<script defer src="index.js"></script></head>
<body style="width: 100%; height: 100%; margin: 0px">
<div id="app" style="width: 100%; height: 100%"></div>
</body>
</html>

892
client/demo_so-vits-svc_40v2/dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

31
client/demo_so-vits-svc_40v2/dist/index.js.LICENSE.txt vendored Normal file
View File

@ -0,0 +1,31 @@
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
/**
* @license React
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

66
client/demo_so-vits-svc_40v2/src/000_index.tsx
View File

@ -12,7 +12,7 @@ import { fab } from "@fortawesome/free-brands-svg-icons";
import { AppRootProvider } from "./001_provider/001_AppRootProvider"; import { AppRootProvider } from "./001_provider/001_AppRootProvider";
import ErrorBoundary from "./001_provider/900_ErrorBoundary"; import ErrorBoundary from "./001_provider/900_ErrorBoundary";
import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js"; import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js";
import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"; import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT, isDesktopApp } from "./const";
library.add(fas, far, fab); library.add(fas, far, fab);
@ -25,24 +25,62 @@ const App = () => {
const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE }) const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE })
const { voiceChangerSetting } = useMicrophoneOptions() const { voiceChangerSetting } = useMicrophoneOptions()
const titleRow = useMemo(() => { const titleRow = useMemo(() => {
const githubLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://github.com/w-okada/voice-changer") }}>
<img src="./assets/icons/github.svg" />
<span>github</span>
</span>
)
:
(
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/github.svg" />
<span>github</span>
</a>
)
const manualLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://zenn.dev/wok/books/0003_vc-helper-v_1_5") }}>
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</span>
)
:
(
<a className="link" href="https://zenn.dev/wok/books/0003_vc-helper-v_1_5" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
)
const coffeeLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://www.buymeacoffee.com/wokad") }}>
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</span>
)
:
(
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</a>
)
return ( return (
<div className="top-title"> <div className="top-title">
<span className="title">Voice Changer Setting</span> <span className="title">Voice Changer Setting</span>
<span className="top-title-version">for so-vits-svc 40v2</span> <span className="top-title-version">for so-vits-svc 40v2</span>
<span className="belongings"> <span className="belongings">
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer"> {githubLink}
<img src="./assets/icons/github.svg" /> {manualLink}
<span>github</span> {coffeeLink}
</a>
<a className="link" href="https://zenn.dev/wok/books/0002_vc-helper-v_1_3" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>Donate Coffee(寄付)</span>
</a>
</span> </span>
<span className="belongings"> <span className="belongings">

11
client/demo_so-vits-svc_40v2/src/const.ts
View File

@ -20,7 +20,10 @@ export const OpenSpeakerSettingCheckbox = "open-speaker-setting-checkbox"
export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox" export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox"
export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox" export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox"
export const isDesktopApp = () => {
if (navigator.userAgent.indexOf('Electron') >= 0) {
return true;
} else {
return false;
}
};

2
client/demo_so-vits-svc_40v2/src/css/App.css
View File

@ -86,6 +86,8 @@ body {
margin-right: 1rem; margin-right: 1rem;
.link { .link {
margin-left: 1rem; margin-left: 1rem;
font-weight: 700;
text-decoration: underline;
} }
} }
} }

2
client/demo_v13/dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

68
client/demo_v13/src/000_index.tsx
View File

@ -12,7 +12,7 @@ import { fab } from "@fortawesome/free-brands-svg-icons";
import { AppRootProvider } from "./001_provider/001_AppRootProvider"; import { AppRootProvider } from "./001_provider/001_AppRootProvider";
import ErrorBoundary from "./001_provider/900_ErrorBoundary"; import ErrorBoundary from "./001_provider/900_ErrorBoundary";
import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js"; import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js";
import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"; import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT, isDesktopApp } from "./const";
library.add(fas, far, fab); library.add(fas, far, fab);
@ -25,24 +25,62 @@ const App = () => {
const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE }) const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE })
const { voiceChangerSetting } = useMicrophoneOptions() const { voiceChangerSetting } = useMicrophoneOptions()
const titleRow = useMemo(() => { const titleRow = useMemo(() => {
const githubLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://github.com/w-okada/voice-changer") }}>
<img src="./assets/icons/github.svg" />
<span>github</span>
</span>
)
:
(
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/github.svg" />
<span>github</span>
</a>
)
const manualLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://zenn.dev/wok/books/0003_vc-helper-v_1_5") }}>
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</span>
)
:
(
<a className="link" href="https://zenn.dev/wok/books/0003_vc-helper-v_1_5" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
)
const coffeeLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://www.buymeacoffee.com/wokad") }}>
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</span>
)
:
(
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</a>
)
return ( return (
<div className="top-title"> <div className="top-title">
<span className="title">Voice Changer Setting</span> <span className="title">Voice Changer Setting</span>
<span className="top-title-version">for MMVC v.1.3.x</span> <span className="top-title-version">for so-vits-svc 40v2</span>
<span className="belongings"> <span className="belongings">
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer"> {githubLink}
<img src="./assets/icons/github.svg" /> {manualLink}
<span>github</span> {coffeeLink}
</a>
<a className="link" href="https://zenn.dev/wok/books/0002_vc-helper-v_1_3" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>コーヒーを寄付</span>
</a>
</span> </span>
<span className="belongings"> <span className="belongings">

9
client/demo_v13/src/const.ts
View File

@ -20,7 +20,12 @@ export const OpenSpeakerSettingCheckbox = "open-speaker-setting-checkbox"
export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox" export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox"
export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox" export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox"
export const isDesktopApp = () => {
if (navigator.userAgent.indexOf('Electron') >= 0) {
return true;
} else {
return false;
}
};

2
client/demo_v13/src/css/App.css
View File

@ -86,6 +86,8 @@ body {
margin-right: 1rem; margin-right: 1rem;
.link { .link {
margin-left: 1rem; margin-left: 1rem;
font-weight: 700;
text-decoration: underline;
} }
} }
} }

2
client/demo_v15/dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

68
client/demo_v15/src/000_index.tsx
View File

@ -12,7 +12,7 @@ import { fab } from "@fortawesome/free-brands-svg-icons";
import { AppRootProvider } from "./001_provider/001_AppRootProvider"; import { AppRootProvider } from "./001_provider/001_AppRootProvider";
import ErrorBoundary from "./001_provider/900_ErrorBoundary"; import ErrorBoundary from "./001_provider/900_ErrorBoundary";
import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js"; import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js";
import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"; import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT, isDesktopApp } from "./const";
library.add(fas, far, fab); library.add(fas, far, fab);
@ -25,24 +25,62 @@ const App = () => {
const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE }) const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE })
const { voiceChangerSetting } = useMicrophoneOptions() const { voiceChangerSetting } = useMicrophoneOptions()
const titleRow = useMemo(() => { const titleRow = useMemo(() => {
const githubLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://github.com/w-okada/voice-changer") }}>
<img src="./assets/icons/github.svg" />
<span>github</span>
</span>
)
:
(
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/github.svg" />
<span>github</span>
</a>
)
const manualLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://zenn.dev/wok/books/0003_vc-helper-v_1_5") }}>
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</span>
)
:
(
<a className="link" href="https://zenn.dev/wok/books/0003_vc-helper-v_1_5" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
)
const coffeeLink = isDesktopApp() ?
(
// @ts-ignore
<span className="link" onClick={() => { window.electronAPI.openBrowser("https://www.buymeacoffee.com/wokad") }}>
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</span>
)
:
(
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>donate(寄付)</span>
</a>
)
return ( return (
<div className="top-title"> <div className="top-title">
<span className="title">Voice Changer Setting</span> <span className="title">Voice Changer Setting</span>
<span className="top-title-version">for MMVC v.1.5.x</span> <span className="top-title-version">for so-vits-svc 40v2</span>
<span className="belongings"> <span className="belongings">
<a className="link" href="https://github.com/w-okada/voice-changer" target="_blank" rel="noopener noreferrer"> {githubLink}
<img src="./assets/icons/github.svg" /> {manualLink}
<span>github</span> {coffeeLink}
</a>
<a className="link" href="https://zenn.dev/wok/books/0003_vc-helper-v_1_5" target="_blank" rel="noopener noreferrer">
<img src="./assets/icons/help-circle.svg" />
<span>manual</span>
</a>
<a className="link" href="https://www.buymeacoffee.com/wokad" target="_blank" rel="noopener noreferrer">
<img className="donate-img" src="./assets/buymeacoffee.png" />
<span>コーヒーを寄付</span>
</a>
</span> </span>
<span className="belongings"> <span className="belongings">

8
client/demo_v15/src/const.ts
View File

@ -20,7 +20,13 @@ export const OpenSpeakerSettingCheckbox = "open-speaker-setting-checkbox"
export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox" export const OpenConverterSettingCheckbox = "open-converter-setting-checkbox"
export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox" export const OpenAdvancedSettingCheckbox = "open-advanced-setting-checkbox"
export const isDesktopApp = () => {
if (navigator.userAgent.indexOf('Electron') >= 0) {
return true;
} else {
return false;
}
};

2
client/demo_v15/src/css/App.css
View File

@ -86,6 +86,8 @@ body {
margin-right: 1rem; margin-right: 1rem;
.link { .link {
margin-left: 1rem; margin-left: 1rem;
font-weight: 700;
text-decoration: underline;
} }
} }
} }