50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
/**
|
||
* Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
|
||
* SPDX-license-identifier: BSD-3-Clause
|
||
*/
|
||
|
||
import { useSelector } from 'react-redux';
|
||
import Conversation from './Conversation';
|
||
import ToolBar from './ToolBar';
|
||
import CameraArea from './CameraArea';
|
||
import AudioController from './AudioController';
|
||
import { isMobile } from '@/utils/utils';
|
||
import style from './index.module.less';
|
||
import AiAvatarCard from '@/components/AiAvatarCard';
|
||
import { RootState } from '@/store';
|
||
import UserTag from '@/components/UserTag';
|
||
import FullScreenCard from '@/components/FullScreenCard';
|
||
import MobileToolBar from '@/pages/Mobile/MobileToolBar';
|
||
import { useScene } from '@/lib/useCommon';
|
||
|
||
function Room() {
|
||
const room = useSelector((state: RootState) => state.room);
|
||
const { isShowSubtitle, scene, isFullScreen } = room;
|
||
const { isAvatarScene } = useScene();
|
||
return (
|
||
<div className={`${style.wrapper} ${isMobile() ? style.mobile : ''}`}>
|
||
{isMobile() ? <div className={style.mobilePlayer} id="mobile-local-player" /> : null}
|
||
{isMobile() ? <MobileToolBar /> : null}
|
||
{isShowSubtitle && !isMobile() ? (
|
||
<UserTag name={scene} className={style.subTitleUserTag} />
|
||
) : null}
|
||
{isAvatarScene || (isFullScreen && !isMobile()) ? (
|
||
<FullScreenCard />
|
||
) : isMobile() && isShowSubtitle ? null : (
|
||
<AiAvatarCard
|
||
showUserTag={!isShowSubtitle}
|
||
showStatus={!isShowSubtitle}
|
||
className={isShowSubtitle ? style.subtitleAiAvatar : ''}
|
||
/>
|
||
)}
|
||
{isMobile() ? null : <CameraArea />}
|
||
<Conversation className={style.conversation} showSubtitle={isShowSubtitle} />
|
||
<ToolBar className={style.toolBar} />
|
||
<AudioController className={style.controller} />
|
||
<div className={style.declare}>AI生成内容由大模型生成，不能完全保障真实</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default Room;
|