PublicMirrors/voice-changer
1
0
Fork 0
mirror of https://github.com/w-okada/voice-changer.git synced 2025-03-14 20:03:59 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

color device by host api

Browse Source
This commit is contained in:
wataru 2023-05-10 08:58:44 +09:00
parent 46a5bf7f77
commit 9ea33018cf
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

6
client/demo/src/components/demo/components/401_AudioInputRow.tsx
View File

@ -59,7 +59,10 @@ export const AudioInputRow = (_props: AudioInputRowProps) => {
const hostAPIs = new Set(devices.map(x => { return x.hostAPI })) const hostAPIs = new Set(devices.map(x => { return x.hostAPI }))
const hostAPIOptions = Array.from(hostAPIs).map((x, index) => { return <option value={x} key={index} >{x}</option> }) const hostAPIOptions = Array.from(hostAPIs).map((x, index) => { return <option value={x} key={index} >{x}</option> })
const filteredDevice = devices.filter(x => { return x.hostAPI == hostApi || hostApi == "" }).map((x, index) => { return <option value={x.index} key={index}>{x.name}</option> }) const filteredDevice = devices.map((x, index) => {
const className = (x.hostAPI == hostApi || hostApi == "") ? "select-option-red" : ""
return <option className={className} value={x.index} key={index}>[{x.hostAPI}]{x.name}</option>
})
return ( return (
@ -83,7 +86,6 @@ export const AudioInputRow = (_props: AudioInputRowProps) => {
}, [hostApi, appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]) }, [hostApi, appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings])
return ( return (
<> <>
{audioInputRow} {audioInputRow}

2
client/demo/src/components/demo/components/402_AudioOutputRow.tsx
View File

@ -111,7 +111,7 @@ export const AudioOutputRow = (_props: AudioOutputRowProps) => {
// const filteredDevice = devices.filter(x => { return x.hostAPI == hostApi || hostApi == "" }).map((x, index) => { return <option value={x.index} key={index}>{x.name}</option> }) // const filteredDevice = devices.filter(x => { return x.hostAPI == hostApi || hostApi == "" }).map((x, index) => { return <option value={x.index} key={index}>{x.name}</option> })
const filteredDevice = devices.map((x, index) => { const filteredDevice = devices.map((x, index) => {
const className = (x.hostAPI == hostApi || hostApi == "") ? "select-option-red" : "" const className = (x.hostAPI == hostApi || hostApi == "") ? "select-option-red" : ""
return <option className={className} value={x.index} key={index}>{x.name}</option> return <option className={className} value={x.index} key={index}>[{x.hostAPI}]{x.name}</option>
}) })