|
|
|
@ -8,7 +8,7 @@ import { Light } from "./utils/light"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const DefaultFadeDuration = 3; // 1 second |
|
|
|
const DefaultFadeDuration = 3; // 1 second |
|
|
|
const CLIENT_COUNT=12; |
|
|
|
const CLIENT_COUNT=13; |
|
|
|
|
|
|
|
|
|
|
|
const CueType={ |
|
|
|
const CueType={ |
|
|
|
Bg: 'bg', |
|
|
|
Bg: 'bg', |
|
|
|
@ -42,7 +42,7 @@ function App() { |
|
|
|
key: addr, |
|
|
|
key: addr, |
|
|
|
message: `${id}#${message}`, |
|
|
|
message: `${id}#${message}`, |
|
|
|
host:'0.0.0.0:0', |
|
|
|
host:'0.0.0.0:0', |
|
|
|
target:'192.168.234.255:8000', |
|
|
|
target:'192.168.51.255:8000', |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
@ -54,7 +54,7 @@ function App() { |
|
|
|
key: addr, |
|
|
|
key: addr, |
|
|
|
message, |
|
|
|
message, |
|
|
|
host:'0.0.0.0:0', |
|
|
|
host:'0.0.0.0:0', |
|
|
|
target:'192.168.234.255:58100', |
|
|
|
target:'192.168.51.100:58200', |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
@ -63,6 +63,7 @@ function App() { |
|
|
|
|
|
|
|
|
|
|
|
const addr= message.addr; |
|
|
|
const addr= message.addr; |
|
|
|
const [id, status, name]= message.args[0]?.split('#'); |
|
|
|
const [id, status, name]= message.args[0]?.split('#'); |
|
|
|
|
|
|
|
// console.log('receive osc:', id, status,name); |
|
|
|
|
|
|
|
|
|
|
|
switch(addr){ |
|
|
|
switch(addr){ |
|
|
|
case OSC_ADDRESS.CLIENT_STATUS: |
|
|
|
case OSC_ADDRESS.CLIENT_STATUS: |
|
|
|
@ -292,7 +293,7 @@ function App() { |
|
|
|
</thead> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tbody> |
|
|
|
{Array.from(Array(CLIENT_COUNT).keys()).map((i) => { |
|
|
|
{Array.from(Array(CLIENT_COUNT).keys()).map((i) => { |
|
|
|
const id=i+1; |
|
|
|
const id=(i+1).toString().padStart(2,'0'); |
|
|
|
const log = clientStatus[id.toString()]; |
|
|
|
const log = clientStatus[id.toString()]; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<tr key={id} className="text-left lowercase"> |
|
|
|
<tr key={id} className="text-left lowercase"> |
|
|
|
|