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

use video_fit contain by default (#89)

Browse Source 
Co-authored-by: Ben Cherry <ben@livekit.io>
This commit is contained in:
Théo Monnom 2025-05-29 01:05:39 +02:00 committed by GitHub
parent 9e2b7fcc61
commit 5eddfa935c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.example
View File

@ -10,7 +10,7 @@ NEXT_PUBLIC_APP_CONFIG="
title: 'LiveKit Agents Playground' title: 'LiveKit Agents Playground'
description: 'A virtual workbench for your multimodal AI agents.' description: 'A virtual workbench for your multimodal AI agents.'
github_link: 'https://github.com/livekit/agents-playground' github_link: 'https://github.com/livekit/agents-playground'
video_fit: 'cover' # 'contain' or 'cover' video_fit: 'contain' # 'contain' or 'cover'
settings: settings:
editable: true # Should the user be able to edit settings in-app editable: true # Should the user be able to edit settings in-app
theme_color: 'cyan' theme_color: 'cyan'

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

@ -117,7 +117,7 @@ export default function Playground({
useDataChannel(onDataReceived); useDataChannel(onDataReceived);
const videoTileContent = useMemo(() => { const videoTileContent = useMemo(() => {
const videoFitClassName = `object-${config.video_fit || "cover"}`; const videoFitClassName = `object-${config.video_fit || "contain"}`;
const disconnectedContent = ( const disconnectedContent = (
<div className="flex items-center justify-center text-gray-700 text-center w-full h-full"> <div className="flex items-center justify-center text-gray-700 text-center w-full h-full">

2
src/hooks/useConfig.tsx
View File

@ -47,7 +47,7 @@ export type UserSettings = {
const defaultConfig: AppConfig = { const defaultConfig: AppConfig = {
title: "LiveKit Agents Playground", title: "LiveKit Agents Playground",
description: "A virtual workbench for testing multimodal AI agents.", description: "A virtual workbench for testing multimodal AI agents.",
video_fit: "cover", video_fit: "contain",
settings: { settings: {
editable: true, editable: true,
theme_color: "cyan", theme_color: "cyan",