wx44wx/livekit-znjj-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'phone-interface'

Browse Source
This commit is contained in:
Xin Wang 2025-12-17 12:04:10 +08:00
commit 1f0365e716
1 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/playground/Playground.tsx
View File

@ -75,6 +75,7 @@ export default function Playground({
const [rpcMethod, setRpcMethod] = useState(""); const [rpcMethod, setRpcMethod] = useState("");
const [rpcPayload, setRpcPayload] = useState(""); const [rpcPayload, setRpcPayload] = useState("");
const [showRpc, setShowRpc] = useState(false); const [showRpc, setShowRpc] = useState(false);
const [qrCodeUrl, setQrCodeUrl] = useState<string>("");
// Clean up RPC resolvers before disconnecting to prevent errors // Clean up RPC resolvers before disconnecting to prevent errors
const cleanupRpcResolvers = useCallback(() => { const cleanupRpcResolvers = useCallback(() => {
@ -406,17 +407,25 @@ export default function Playground({
}, [agentVideoTrack, config, roomState]); }, [agentVideoTrack, config, roomState]);
useEffect(() => { useEffect(() => {
document.body.style.setProperty( if (typeof document !== "undefined") {
"--lk-theme-color", document.body.style.setProperty(
// @ts-ignore "--lk-theme-color",
tailwindTheme.colors[config.settings.theme_color]["500"], // @ts-ignore
); tailwindTheme.colors[config.settings.theme_color]["500"],
document.body.style.setProperty( );
"--lk-drop-shadow", document.body.style.setProperty(
`var(--lk-theme-color) 0px 0px 18px`, "--lk-drop-shadow",
); `var(--lk-theme-color) 0px 0px 18px`,
);
}
}, [config.settings.theme_color]); }, [config.settings.theme_color]);
useEffect(() => {
if (typeof window !== "undefined") {
setQrCodeUrl(window.location.href);
}
}, []);
const audioTileContent = useMemo(() => { const audioTileContent = useMemo(() => {
const disconnectedContent = ( const disconnectedContent = (
<div className="flex flex-col items-center justify-center gap-2 text-gray-700 text-center w-full"> <div className="flex flex-col items-center justify-center gap-2 text-gray-700 text-center w-full">
@ -738,10 +747,10 @@ export default function Playground({
<AudioInputTile trackRef={localMicTrack} /> <AudioInputTile trackRef={localMicTrack} />
</ConfigurationPanelItem> </ConfigurationPanelItem>
)} )}
{config.show_qr && ( {config.show_qr && qrCodeUrl && (
<div className="w-full"> <div className="w-full">
<ConfigurationPanelItem title="QR Code"> <ConfigurationPanelItem title="QR Code">
<QRCodeSVG value={window.location.href} width="128" /> <QRCodeSVG value={qrCodeUrl} width="128" />
</ConfigurationPanelItem> </ConfigurationPanelItem>
</div> </div>
)} )}