neoris/meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update settings

Browse Source
This commit is contained in:
lukasIO 2025-05-23 16:48:58 +02:00
parent 521ad45d3c
commit 67bc73b9bc
4 changed files with 52 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
lib/CameraSettings.tsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import {
MediaDeviceMenu,
TrackReference,
TrackToggle,
useLocalParticipant,
VideoTrack,
@ -25,16 +26,18 @@ export function CameraSettings() {
(cameraTrack as LocalTrackPublication)?.track?.getProcessor()?.name === 'background-blur'
? 'blur'
: (cameraTrack as LocalTrackPublication)?.track?.getProcessor()?.name === 'virtual-background'
? 'image'
: 'none',
? 'image'
: 'none',
);
const [virtualBackgroundImagePath, setVirtualBackgroundImagePath] = React.useState<string | null>(
null,
);
const camTrackRef = React.useMemo(() => {
return { participant: localParticipant, publication: cameraTrack, source: Track.Source.Camera };
const camTrackRef: TrackReference | undefined = React.useMemo(() => {
return cameraTrack
? { participant: localParticipant, publication: cameraTrack, source: Track.Source.Camera }
: undefined;
}, [localParticipant, cameraTrack]);
const selectBackground = (type: BackgroundType, imagePath?: string) => {
@ -60,15 +63,17 @@ export function CameraSettings() {
return (
<div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
<VideoTrack
style={{
maxHeight: '280px',
objectFit: 'contain',
objectPosition: 'right',
transform: 'scaleX(-1)',
}}
trackRef={camTrackRef}
/>
{camTrackRef && (
<VideoTrack
style={{
maxHeight: '280px',
objectFit: 'contain',
objectPosition: 'right',
transform: 'scaleX(-1)',
}}
trackRef={camTrackRef}
/>
)}
<section className="lk-button-group">
<TrackToggle source={Track.Source.Camera}>Camera</TrackToggle>

9
lib/MicrophoneSettings.tsx
View File

@ -5,8 +5,13 @@ import { MediaDeviceMenu } from '@livekit/components-react';
import { Track } from 'livekit-client';
export function MicrophoneSettings() {
const { isNoiseFilterEnabled, setNoiseFilterEnabled, isNoiseFilterPending } =
useKrispNoiseFilter();
const { isNoiseFilterEnabled, setNoiseFilterEnabled, isNoiseFilterPending } = useKrispNoiseFilter(
{
filterOptions: {
quality: 'high',
},
},
);
React.useEffect(() => {
// enable Krisp by default

2
package.json
View File

@ -17,7 +17,7 @@
"@livekit/components-styles": "1.1.6",
"@livekit/krisp-noise-filter": "0.3.0",
"@livekit/track-processors": "^0.5.4",
"livekit-client": "2.13.2",
"livekit-client": "2.13.3",
"livekit-server-sdk": "2.13.0",
"next": "15.2.4",
"react": "18.3.1",

44
pnpm-lock.yaml generated
View File

@ -13,19 +13,19 @@ importers:
version: 5.35.1
'@livekit/components-react':
specifier: 2.9.9
version: 2.9.9(@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.2))(livekit-client@2.13.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tslib@2.8.1)
version: 2.9.9(@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22)))(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tslib@2.8.1)
'@livekit/components-styles':
specifier: 1.1.6
version: 1.1.6
'@livekit/krisp-noise-filter':
specifier: 0.3.0
version: 0.3.0(livekit-client@2.13.2)
version: 0.3.0(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))
'@livekit/track-processors':
specifier: ^0.5.4
version: 0.5.4(livekit-client@2.13.2)
version: 0.5.4(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))
livekit-client:
specifier: 2.13.2
version: 2.13.2
specifier: 2.13.3
version: 2.13.3(@types/dom-mediacapture-record@1.0.22)
livekit-server-sdk:
specifier: 2.13.0
version: 2.13.0
@ -404,6 +404,9 @@ packages:
'@swc/helpers@0.5.15':
resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
'@types/dom-mediacapture-record@1.0.22':
resolution: {integrity: sha512-mUMZLK3NvwRLcAAT9qmcK+9p7tpU2FHdDsntR3YI4+GY88XrgG4XiE7u1Q2LAN2/FZOz/tdMDC3GQCR4T8nFuw==}
'@types/estree@1.0.7':
resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
@ -1267,8 +1270,10 @@ packages:
resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
engines: {node: '>= 0.8.0'}
livekit-client@2.13.2:
resolution: {integrity: sha512-5ltjKBPKxnYFjqDqOygu/blCgYMFiNbBZrU7fqKaJ8rz/ejpp6ErwCpTHl9Gektva9F0Y2Q4ZKFl6bTWB2sAHg==}
livekit-client@2.13.3:
resolution: {integrity: sha512-5lX9bqN2ZKjt1RqJqO1Vz9uplrnCLIpbG3Y8h7z0ui2adk5oahohV0m1F2ZEaIJTfQgXhX1iVbSYrVNwTzwRDQ==}
peerDependencies:
'@types/dom-mediacapture-record': ^1
livekit-server-sdk@2.13.0:
resolution: {integrity: sha512-fQJI/zEJRPeXKdKMkEfJNYSSnvmuPQsk2Q+X6tPfUrJPy7fnyYPax/icf/CZ8EYZQBhFgSD7WaKOYGSSfGSyZw==}
@ -2006,32 +2011,32 @@ snapshots:
'@jridgewell/resolve-uri': 3.1.2
'@jridgewell/sourcemap-codec': 1.5.0
'@livekit/components-core@0.12.7(livekit-client@2.13.2)(tslib@2.8.1)':
'@livekit/components-core@0.12.7(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))(tslib@2.8.1)':
dependencies:
'@floating-ui/dom': 1.6.13
livekit-client: 2.13.2
livekit-client: 2.13.3(@types/dom-mediacapture-record@1.0.22)
loglevel: 1.9.1
rxjs: 7.8.2
tslib: 2.8.1
'@livekit/components-react@2.9.9(@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.2))(livekit-client@2.13.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tslib@2.8.1)':
'@livekit/components-react@2.9.9(@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22)))(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tslib@2.8.1)':
dependencies:
'@livekit/components-core': 0.12.7(livekit-client@2.13.2)(tslib@2.8.1)
'@livekit/components-core': 0.12.7(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))(tslib@2.8.1)
clsx: 2.1.1
livekit-client: 2.13.2
livekit-client: 2.13.3(@types/dom-mediacapture-record@1.0.22)
react: 18.3.1
react-dom: 18.3.1(react@18.3.1)
tslib: 2.8.1
usehooks-ts: 3.1.1(react@18.3.1)
optionalDependencies:
'@livekit/krisp-noise-filter': 0.3.0(livekit-client@2.13.2)
'@livekit/krisp-noise-filter': 0.3.0(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))
'@livekit/components-styles@1.1.6': {}
'@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.2)':
'@livekit/krisp-noise-filter@0.3.0(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))':
dependencies:
'@livekit/mutex': 1.1.1
livekit-client: 2.13.2
livekit-client: 2.13.3(@types/dom-mediacapture-record@1.0.22)
'@livekit/mutex@1.1.1': {}
@ -2039,10 +2044,10 @@ snapshots:
dependencies:
'@bufbuild/protobuf': 1.10.0
'@livekit/track-processors@0.5.4(livekit-client@2.13.2)':
'@livekit/track-processors@0.5.4(livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22))':
dependencies:
'@mediapipe/tasks-vision': 0.10.14
livekit-client: 2.13.2
livekit-client: 2.13.3(@types/dom-mediacapture-record@1.0.22)
'@mediapipe/tasks-vision@0.10.14': {}
@ -2100,6 +2105,8 @@ snapshots:
dependencies:
tslib: 2.8.1
'@types/dom-mediacapture-record@1.0.22': {}
'@types/estree@1.0.7': {}
'@types/json-schema@7.0.15': {}
@ -3205,10 +3212,11 @@ snapshots:
prelude-ls: 1.2.1
type-check: 0.4.0
livekit-client@2.13.2:
livekit-client@2.13.3(@types/dom-mediacapture-record@1.0.22):
dependencies:
'@livekit/mutex': 1.1.1
'@livekit/protocol': 1.38.0
'@types/dom-mediacapture-record': 1.0.22
events: 3.3.0
loglevel: 1.9.2
sdp-transform: 2.15.0