-
-
- );
-}
-
-export default AvatarCard;
diff --git a/src/config/common.ts b/src/config/common.ts
index 0aeb7fc..58155a4 100644
--- a/src/config/common.ts
+++ b/src/config/common.ts
@@ -3,14 +3,8 @@
* SPDX-license-identifier: BSD-3-Clause
*/
-import 通用女声 from '@/assets/img/tongyongnvsheng.jpeg';
-import 通用男声 from '@/assets/img/tongyongnansheng.jpeg';
-import INTELLIGENT_ASSISTANT from '@/assets/img/INTELLIGENT_ASSISTANT.png';
-import VIRTUAL_GIRL_FRIEND from '@/assets/img/VIRTUAL_GIRL_FRIEND.png';
-import TRANSLATE from '@/assets/img/TRANSLATE.png';
-import CHILDREN_ENCYCLOPEDIA from '@/assets/img/CHILDREN_ENCYCLOPEDIA.png';
-import TEACHING_ASSISTANT from '@/assets/img/TEACHING_ASSISTANT.png';
-import CUSTOMER_SERVICE from '@/assets/img/CUSTOMER_SERVICE.png';
+
+
export enum ModelSourceType {
Custom = 'Custom',
@@ -39,12 +33,12 @@ export const VOICE_INFO_MAP = {
[VOICE_TYPE['通用女声']]: {
description: '女声 青年 语音合成 通用场景',
url: '',
- icon: 通用女声,
+ icon: '',
},
[VOICE_TYPE['通用男声']]: {
description: '男声 青年 语音合成 通用场景',
url: '',
- icon: 通用男声,
+ icon: '',
},
};
@@ -108,11 +102,11 @@ export const AI_MODE_MAP: Partial
- 
-
-
-
-
-
-
- {Name[scene]}
-
- 声源来自 {ReversedVoiceType[TTSConfig?.VoiceType || '']}
-
- 模型 {LLMConfig.ModelName}
-
+
+ );
+}
diff --git a/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.module.less b/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.module.less
index 66f2e3d..dee4bf7 100644
--- a/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.module.less
+++ b/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.module.less
@@ -1,68 +1,46 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
.wrapper {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-
-
- .btn {
- width: max-content;
- height: max-content;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .icon {
- position: absolute;
- }
- }
-
- .text {
- margin-top: 8px;
- color: rgba(115, 122, 135, 1);
- }
+ width: 88px;
+ height: 88px;
+ background: linear-gradient(180deg, #64c7ff 0%, #0165ff 100%);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ position: relative;
}
-.cursor {
- cursor: pointer;
+.wrapper::before{
+ position: absolute;
+ content: "";
+ left: 0;
+ bottom: 0;
+ width: 26px;
+ height: 26px;
+ background: radial-gradient(farthest-corner at 100% 0%, #7BDCF0, #fff);
+ filter: blur(14px);
}
-.cursor:hover {
- opacity: 0.8;
+.wrapper::after{
+ position: absolute;
+ content: "";
+ left: 20%;
+ top: 0;
+ width: 26px;
+ height: 26px;
+ background: radial-gradient(farthest-corner at 100% 0%, #7BDCF0, #a4dbe6);
+ filter: blur(14px);
}
-.cursor:active {
- opacity: 1;
+.text {
+ color: #fff;
+ font-weight: 500;
+ font-size: 13px;
}
-.loader {
- display: flex;
- gap: 5px;
+.call{
+ width: 32px;
+ height: 32px;
+ object-fit: contain;
+ margin-bottom: 4px;
}
-
-.dot {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- background-color: white;
- animation: glow 0.9s infinite;
-}
-
-@keyframes glow {
- 0% {
- opacity: 1;
- }
- 40% {
- opacity: 0.7;
- }
- 100% {
- opacity: 0.3;
- }
-}
\ No newline at end of file
diff --git a/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.tsx b/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.tsx
index aa52e97..59fde94 100644
--- a/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.tsx
+++ b/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.tsx
@@ -3,29 +3,23 @@
* SPDX-license-identifier: BSD-3-Clause
*/
-import Loading from './loading';
+
import style from './index.module.less';
-import CallButtonSVG from '@/assets/img/CallWrapper.svg';
-import PhoneSVG from '@/assets/img/Phone.svg';
+import CallPng from "@/assets/img/call.png"
+
interface IInvokeButtonProps extends React.HTMLAttributes
+ 
+
+ Hey，我是您的六纬AI小助手
+
+
+
+ 
+
+ {displayQuestions.map((item, index) => (
+
+ 
+
+ 换一批
+ handleQuestion(item)}>
+ 
+
+ ))}
+ {item}
+
- ) {
const dispatch = useDispatch();
const room = useSelector((state: RootState) => state.room);
const volume = room.localUser.audioPropertiesInfo?.linearVolume || 0;
- const { isAudioPublished } = useDeviceState();
+ const { isAudioPublished,switchMic } = useDeviceState();
const isAITalking = room.isAITalking;
const isLoading = volume >= THRESHOLD_VOLUME && isAudioPublished;
+ const leaveRoom = useLeave();
const handleInterrupt = () => {
RtcClient.commandAudioBot(COMMAND.INTERRUPT);
dispatch(setInterruptMsg());
};
+
return (
) {
- const { className, ...rest } = props;
- const dispatch = useDispatch();
- const room = useSelector((state: RootState) => state.room);
- const isVisionMode = useVisionMode();
- const localUser = room.localUser;
- const isVideoPublished = localUser.publishVideo;
-
- const handleOperateCamera = () => {
- !localUser.publishVideo ? RtcClient.startVideoCapture() : RtcClient.stopVideoCapture();
-
- !localUser.publishVideo
- ? RtcClient.publishStream(MediaType.VIDEO)
- : RtcClient.unpublishStream(MediaType.VIDEO);
-
- dispatch(
- updateLocalUser({
- publishVideo: !localUser.publishVideo,
- })
- );
- };
-
- useEffect(() => {
- if (isVisionMode && isVideoPublished) {
- RtcClient.setLocalVideoPlayer(room.localUser.username!, LocalVideoID);
- } else {
- RtcClient.setLocalVideoPlayer(room.localUser.username!);
- }
- }, [isVisionMode, isVideoPublished]);
-
- return isVisionMode ? (
- ) {
const { className, ...rest } = props;
const msgHistory = useSelector((state: RootState) => state.room.msgHistory);
const { userId } = useSelector((state: RootState) => state.room.localUser);
- const { isAITalking, isUserTalking } = useSelector((state: RootState) => state.room);
+ const { isAITalking, isUserTalking, initMsg} = useSelector((state: RootState) => state.room);
const isAIReady = msgHistory.length > 0;
const containerRef = useRef(null);
+ const [isFirst,setIsFirst] = useState(true);
+ const [isAudioBotEnabled, setIsAudioBotEnabled] = useState(false);
+
+ const dispatch = useDispatch()
useEffect(() => {
+ const checkAudioBotStatus = () => {
+ setIsAudioBotEnabled(RtcClient.getAudioBotEnabled());
+ };
+
+ // 初始检查
+ checkAudioBotStatus();
+
+ // 设置定时器定期检查
+ const timer = setInterval(checkAudioBotStatus, 1000);
+
+ // 清理函数
+ return () => clearInterval(timer);
+ }, []);
+
+ useEffect(() => {
const container = containerRef.current;
if (container) {
container.scrollTop = container.scrollHeight - container.clientHeight;
}
}, [msgHistory.length]);
+ useEffect(() => {
+ if(isFirst && initMsg && isAudioBotEnabled){
+ RtcClient.commandAudioBot(COMMAND.EXTERNAL_TEXT_TO_LLM, INTERRUPT_PRIORITY.HIGH, initMsg);
+ dispatch(
+ setHistoryMsg({
+ text: initMsg,
+ user: RtcClient.basicInfo.user_id,
+ paragraph: true,
+ definite: true,
+ })
+ );
+ dispatch(
+ setCurrentMsg({
+ text: initMsg,
+ user: RtcClient.basicInfo.user_id,
+ paragraph: true,
+ definite: true,
+ }))
+ setIsFirst(false)
+ }
+ },[isAudioBotEnabled])
+
return (
- 
- {loading ? (
- 
- )}
-
- {loading ? '连接中' : '通话'}
+
+ 
+
);
}
diff --git a/src/pages/MainPage/MainArea/Antechamber/index.module.less b/src/pages/MainPage/MainArea/Antechamber/index.module.less
index a8f96b8..999dcf1 100644
--- a/src/pages/MainPage/MainArea/Antechamber/index.module.less
+++ b/src/pages/MainPage/MainArea/Antechamber/index.module.less
@@ -13,6 +13,7 @@
align-items: center;
justify-content: center;
+
.avatar {
/**
* height = 128px in AvatarCard.avatar
diff --git a/src/pages/MainPage/MainArea/Antechamber/index.tsx b/src/pages/MainPage/MainArea/Antechamber/index.tsx
index e41cd41..50309fe 100644
--- a/src/pages/MainPage/MainArea/Antechamber/index.tsx
+++ b/src/pages/MainPage/MainArea/Antechamber/index.tsx
@@ -2,22 +2,46 @@
* Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
* SPDX-license-identifier: BSD-3-Clause
*/
+import { useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { useSearchParams } from 'react-router-dom';
-import AvatarCard from '@/components/AvatarCard';
-import Utils from '@/utils/utils';
-import aigcConfig from '@/config';
import InvokeButton from '@/pages/MainPage/MainArea/Antechamber/InvokeButton';
+import HeaderGroup from '@/pages/MainPage/MainArea/Antechamber/HeaderGroup';
import { useJoin } from '@/lib/useCommon';
import style from './index.module.less';
+import { updateAIConfig } from '@/store/slices/room';
+import { requestPostMethod } from '@/app/base';
+
function Antechamber() {
+ const dispatch = useDispatch()
const [joining, dispatchJoin] = useJoin();
- const username = aigcConfig.BaseConfig.UserId;
- const roomId = aigcConfig.BaseConfig.RoomId;
+ const [isDisable,setDisable] = useState(true)
+ const [searchParams] = useSearchParams();
+ const userId = searchParams.get('userId') || '0'
+ const username = userId;
+ const roomId = userId;
- const handleJoinRoom = () => {
- if (!joining) {
- dispatchJoin(
+
+ const getToken = async () => {
+ const queryData = await requestPostMethod(`/api/token`)({roomId,userId:username})
+ const res = await queryData?.json();
+ if(res.code === 200){
+ dispatch(updateAIConfig({user_token:res.data.token}))
+ setDisable(false)
+ }
+
+ }
+
+ useEffect(() => {
+ getToken()
+ },[])
+
+
+ const handleJoinRoom = async() => {
+ if (!isDisable &&!joining) {
+ await dispatchJoin(
{
username,
roomId,
@@ -30,10 +54,8 @@ function Antechamber() {
return (
{disable ? '暂不可用':loading?'连接中':'发起通话'}
-
);
}
diff --git a/src/pages/MainPage/MainArea/Room/AudioController.tsx b/src/pages/MainPage/MainArea/Room/AudioController.tsx
index e3f153a..6d09bf9 100644
--- a/src/pages/MainPage/MainArea/Room/AudioController.tsx
+++ b/src/pages/MainPage/MainArea/Room/AudioController.tsx
@@ -3,15 +3,17 @@
* SPDX-license-identifier: BSD-3-Clause
*/
+import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
-import AudioLoading from '@/components/Loading/AudioLoading';
import { RootState } from '@/store';
import RtcClient from '@/lib/RtcClient';
import { setInterruptMsg } from '@/store/slices/room';
-import { useDeviceState } from '@/lib/useCommon';
+import { useDeviceState, useLeave } from '@/lib/useCommon';
import { COMMAND } from '@/utils/handler';
import style from './index.module.less';
-import StopRobotBtn from '@/assets/img/StopRobotBtn.svg';
+import LockMicroIcon from '@/assets/img/lockmicrophone.png';
+import MicroIcon from '@/assets/img/microphone.png';
+import HandleOffIcon from "@/assets/img/handoff.png"
const THRESHOLD_VOLUME = 18;
@@ -20,30 +22,39 @@ function AudioController(props: React.HTMLAttributesAI 语音助手
- Powered by 豆包大模型和火山引擎视频云 RTC
-
- {isAudioPublished ? (
- isAITalking ? (
-
);
}
+
export default AudioController;
diff --git a/src/pages/MainPage/MainArea/Room/CameraArea.tsx b/src/pages/MainPage/MainArea/Room/CameraArea.tsx
deleted file mode 100644
index f855dc8..0000000
--- a/src/pages/MainPage/MainArea/Room/CameraArea.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-import { useDispatch, useSelector } from 'react-redux';
-import { useEffect } from 'react';
-import { MediaType } from '@volcengine/rtc';
-import { RootState } from '@/store';
-import { useVisionMode } from '@/lib/useCommon';
-import styles from './index.module.less';
-import CameraCloseNoteSVG from '@/assets/img/CameraCloseNote.svg';
-import RtcClient from '@/lib/RtcClient';
-import { updateLocalUser } from '@/store/slices/room';
-
-const LocalVideoID = 'local-video-player';
-
-function CameraArea(props: React.HTMLAttributes
- 
- 点击打断
-
- ) : (
- 正在听...
- )
- ) : (
- 你已关闭麦克风
- )}
-
+ 
+
+ 挂断
+ switchMic(true)}>
+ 
+
+
+ {isAudioPublished ? '关麦' : '开麦'}
+
+
+
+
+
+
+
+
+ {isAITalking ? '点击打断' : '正在听'}
+
- {isVideoPublished ? (
-
- ) : (
-
- ) : null;
-}
-
-export default CameraArea;
diff --git a/src/pages/MainPage/MainArea/Room/Conversation.tsx b/src/pages/MainPage/MainArea/Room/Conversation.tsx
index c4f50f3..0cbb013 100644
--- a/src/pages/MainPage/MainArea/Room/Conversation.tsx
+++ b/src/pages/MainPage/MainArea/Room/Conversation.tsx
@@ -3,13 +3,16 @@
* SPDX-license-identifier: BSD-3-Clause
*/
-import React, { useRef, useEffect } from 'react';
-import { useSelector } from 'react-redux';
+import React, { useRef, useEffect, useState } from 'react';
+import { useSelector,useDispatch } from 'react-redux';
import { Tag, Spin } from '@arco-design/web-react';
import { RootState } from '@/store';
import Loading from '@/components/Loading/HorizonLoading';
import Config from '@/config';
import styles from './index.module.less';
+import { COMMAND, INTERRUPT_PRIORITY } from '@/utils/handler';
+import RtcClient from '@/lib/RtcClient';
+import { setCurrentMsg, setHistoryMsg } from '@/store/slices/room';
const lines: (string | React.ReactNode)[] = [];
@@ -17,17 +20,58 @@ function Conversation(props: React.HTMLAttributes
- 
-
- )}
-
- 请
-
- 打开摄像头
-
-
- 体验豆包视觉理解模型
-
{lines.map((line) => line)}
@@ -54,7 +98,7 @@ function Conversation(props: React.HTMLAttributes) {
{value}
-
);
diff --git a/src/store/slices/room.ts b/src/store/slices/room.ts
index 0812fe7..cb9e7df 100644
--- a/src/store/slices/room.ts
+++ b/src/store/slices/room.ts
@@ -92,11 +92,12 @@ export interface RoomState {
definite: boolean;
};
};
+ initMsg: string // 初始化信息
}
const initialState: RoomState = {
time: -1,
- scene: SCENE.INTELLIGENT_ASSISTANT,
+ scene: SCENE.CUSTOM,
remoteUsers: [],
localUser: {
publishAudio: true,
@@ -113,12 +114,16 @@ const initialState: RoomState = {
msgHistory: [],
currentConversation: {},
+ initMsg:''
};
export const roomSlice = createSlice({
name: 'room',
initialState,
reducers: {
+ setInitMsg:(state,{payload})=>{
+ state.initMsg = payload
+ },
localJoinRoom: (
state,
{
@@ -278,6 +283,7 @@ export const {
setInterruptMsg,
updateNetworkQuality,
updateScene,
+ setInitMsg
} = roomSlice.actions;
export default roomSlice.reducer;
diff --git a/src/utils/handler.ts b/src/utils/handler.ts
index ef7fc67..0cf8608 100644
--- a/src/utils/handler.ts
+++ b/src/utils/handler.ts
@@ -5,12 +5,7 @@
import { useDispatch } from 'react-redux';
import logger from './logger';
-import {
- setCurrentMsg,
- setHistoryMsg,
- setInterruptMsg,
- updateAITalkState,
-} from '@/store/slices/room';
+import { setCurrentMsg, setHistoryMsg, setInterruptMsg, updateAITalkState } from '@/store/slices/room';
import RtcClient from '@/lib/RtcClient';
import Utils from '@/utils/utils';
@@ -141,8 +136,8 @@ export const useMessageHandler = () => {
ToolCallID: parsed?.tool_calls?.[0]?.id,
Content: map[name.toLocaleLowerCase().replaceAll('_', '')],
}),
- 'func',
- ),
+ 'func'
+ )
);
},
};
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 2166d39..a18ac53 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -6,9 +6,7 @@
import { Msg, RoomState } from '@/store/slices/room';
import RtcClient from '@/lib/RtcClient';
-
class Utils {
-
formatTime = (time: number): string => {
if (time < 0) {
return '00:00';
@@ -75,10 +73,7 @@ class Utils {
if (arr.length) {
const last = arr.at(-1)!;
const { user, value, isInterrupted } = last;
- if (
- (added.user === RtcClient.basicInfo.user_id && last.user === added.user) ||
- (user === added.user && added.value.startsWith(value) && value.trim())
- ) {
+ if ((added.user === RtcClient.basicInfo.user_id && last.user === added.user) || (user === added.user && added.value.startsWith(value) && value.trim())) {
arr.pop();
added.isInterrupted = isInterrupted;
}
@@ -119,7 +114,7 @@ class Utils {
* @note TLV 数据格式
* | magic number | length(big-endian) | value |
* @param {ArrayBufferLike} tlvBuffer
- * @returns
+ * @returns
*/
tlv2String(tlvBuffer: ArrayBufferLike) {
const typeBuffer = new Uint8Array(tlvBuffer, 0, 4);
@@ -131,8 +126,7 @@ class Utils {
type += String.fromCharCode(typeBuffer[i]);
}
- const length =
- (lengthBuffer[0] << 24) | (lengthBuffer[1] << 16) | (lengthBuffer[2] << 8) | lengthBuffer[3];
+ const length = (lengthBuffer[0] << 24) | (lengthBuffer[1] << 16) | (lengthBuffer[2] << 8) | lengthBuffer[3];
const value = new TextDecoder().decode(valueBuffer.subarray(0, length));
{isAIReady && (isUserTalking || isAITalking) && index === msgHistory.length - 1 ? (
- ) {
- const { className, ...rest } = props;
- const room = useSelector((state: RootState) => state.room);
- const [open, setOpen] = useState(false);
- const model = room.aiConfig.Config.LLMConfig?.ModelName;
- const leaveRoom = useLeave();
- const { isAudioPublished, isVideoPublished, switchMic, switchCamera } = useDeviceState();
- const handleSetting = () => {
- setOpen(true);
- };
- return (
-
-
- ),
- }}
- />
- );
-}
-
-export default DeviceDrawerButton;
diff --git a/src/pages/MainPage/Menu/components/Interrupt/index.module.less b/src/pages/MainPage/Menu/components/Interrupt/index.module.less
deleted file mode 100644
index 5c1219c..0000000
--- a/src/pages/MainPage/Menu/components/Interrupt/index.module.less
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-.interrupt {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
-
- .label {
- font-size: 13px;
- font-weight: 400;
- line-height: 22px;
- color: var(--text-color-text-1, rgba(12, 13, 14, 1));
-
- .icon {
- margin-left: 4px;
- }
- }
-}
diff --git a/src/pages/MainPage/Menu/components/Interrupt/index.tsx b/src/pages/MainPage/Menu/components/Interrupt/index.tsx
deleted file mode 100644
index 4ea7142..0000000
--- a/src/pages/MainPage/Menu/components/Interrupt/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-import { Popover, Switch } from '@arco-design/web-react';
-import { IconQuestionCircle } from '@arco-design/web-react/icon';
-import { useState } from 'react';
-import { useDispatch } from 'react-redux';
-import Config from '@/config';
-import styles from './index.module.less';
-import RtcClient from '@/lib/RtcClient';
-import { clearHistoryMsg } from '@/store/slices/room';
-
-function Interrupt() {
- const dispatch = useDispatch();
- const [switchAble, setSwitchAble] = useState(true);
- const [enable, setEnable] = useState(Config.InterruptMode);
- const handleChange = () => {
- setSwitchAble(false);
- setEnable(!enable);
- Config.InterruptMode = !enable;
- if (RtcClient.getAudioBotEnabled()) {
- dispatch(clearHistoryMsg());
- }
- RtcClient.updateAudioBot();
- setTimeout(() => {
- setSwitchAble(true);
- }, 3000);
- };
- return (
-
- {utils.isMobile() ? (
- 
- ) : null}
- switchMic(true)}
- className={style.btn}
- alt="mic"
- />
- {model === AI_MODEL.VISION ? (
- 
switchCamera(true)}
- className={style.btn}
- alt="camera"
- />
- ) : (
- ''
- )}
- 
- {utils.isMobile() ? (
- setOpen(false)}
- style={{
- width: 'max-content',
- }}
- >
-
-
- ) : null}
-
- );
-}
-export default ToolBar;
diff --git a/src/pages/MainPage/MainArea/Room/index.module.less b/src/pages/MainPage/MainArea/Room/index.module.less
index e5978ed..b7ce503 100644
--- a/src/pages/MainPage/MainArea/Room/index.module.less
+++ b/src/pages/MainPage/MainArea/Room/index.module.less
@@ -4,280 +4,221 @@
*/
.wrapper {
- position: relative;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ padding-top: 38px;
+ background-color: #F4F6FA;
+
+ .conversation {
width: 100%;
- height: 100%;
- border-radius: 16px;
- padding: 36px 72px;
- box-sizing: border-box;
+ position: relative;
+ height: 0;
+ display: flex;
+ flex-direction: column;
+ flex:1 1 0;
+ overflow: auto;
- .conversation {
- width: 100%;
- position: relative;
- height: 100%;
- /**
- * 100% 为容器高度
- * 128px 为上层 DouBao Card Height
- * 24px 为 margin top
- * 36px * 2 为容器 padding
- * 128 + 24 + 36 * 2 = 224px
- */
- max-height: calc(100% - 224px - 8px);
- display: flex;
- flex-direction: column;
- padding-bottom: 12px;
- // background-color: black;
- overflow-x: hidden;
- overflow-y: auto;
- margin-top: 24px;
- .sentence {
- position: relative;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- width: max-content;
- white-space: normal;
- max-width: 100%;
- line-height: 28px;
+ .sentence {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: center;
+ width: max-content;
+ white-space: normal;
+ max-width: 100%;
+ line-height: 28px;
+ box-sizing: border-box;
+
- .content {
- width: max-content;
- }
- }
-
- .user {
- width: max-content;
- border: 0px solid;
- align-self: flex-end;
- padding: 8px 12px 8px 12px;
- border-radius: 12px 0px 12px 12px;
- background: var(--background-color-bg-5, rgba(241, 243, 245, 1));
- margin-top: 12px;
- margin-bottom: 12px;
- }
- .robot {
- font-family: PingFang SC;
- font-size: 14px;
- font-weight: 400;
- letter-spacing: 0.003em;
-
- border: 0px solid;
- align-self: flex-start;
- padding: 3px 12px 3px 0px;
- }
-
- .loading-wrapper {
- width: max-content;
- display: inline-block;
-
- .loading {
- margin-left: 8px;
- width: max-content;
- }
-
- .dot {
- background-color: rgba(193, 163, 237, 1);
- width: 8px;
- height: 8px;
- }
- }
-
- .aiReadying {
- font-family: PingFang SC;
- font-size: 16px;
- font-weight: 500;
- color: rgba(27, 30, 61, 0.6);
- text-align: center;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- line-height: 28px;
- }
-
- .aiReading-spin {
- margin-right: 12px;
- line-height: 16px;
- }
-
- .interruptTag {
- width: max-content;
- height: 22px;
- padding: 0px 6px 0px 6px;
- border-radius: 4px;
- margin-left: 6px;
- font-family: PingFang SC;
- font-size: 12px;
- font-weight: 400;
- line-height: 22px;
- letter-spacing: 0.003em;
- color: var(--text-color-text-3, rgba(115, 122, 135, 1));
- background: var(--security-unknown-tag-unknown-1, rgba(241, 243, 245, 1));
- }
+ .content {
+ width: max-content;
+ background: #ffffff;
+ border-radius: 12px;
+ padding: 10px 12px;
+ }
}
- .conversation::-webkit-scrollbar {
- width: 0px;
- height: 0px;
+ .user {
+ width: max-content;
+ border: 0px solid;
+ align-self: flex-end;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ margin-right: 15px;
+
+ .content{
+ border-radius: 30px 30px 0 30px;
+ background-color: #1580FF;
+ color:#fff;
+ }
}
-
- .conversation::-webkit-scrollbar-thumb {
- background: rgba(0,0,0,0);
- border-radius: 0px;
- }
-
- .conversation::-webkit-scrollbar-track {
- background: rgba(0,0,0,0);
- border-radius: 0px;
+ .robot {
+ font-family: PingFang SC;
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0.003em;
+
+ border: 0px solid;
+ align-self: flex-start;
+ padding: 3px 12px;
}
- .toolBar {
- position: absolute;
- right: 0px;
- margin-right: 36px;
- bottom: 36px;
+ .loading-wrapper {
+ width: max-content;
+ display: inline-block;
+
+ .loading {
+ margin-left: 8px;
+ width: max-content;
+ }
+
+ .dot {
+ background-color: rgba(193, 163, 237, 1);
+ width: 8px;
+ height: 8px;
+ }
}
- .controller {
- position: absolute;
- left: 0px;
- bottom: 36px;
- margin-left: 50%;
- transform: translateX(-50%);
+ .aiReadying {
+ font-family: PingFang SC;
+ font-size: 16px;
+ font-weight: 500;
+ color: rgba(27, 30, 61, 0.6);
+ text-align: center;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ line-height: 28px;
+ margin-left: 20px;
}
- .declare {
- position: absolute;
- bottom: 8px;
- left: 12px;
- color: var(--text-color-text-4, rgba(199, 204, 214, 1));
- font-size: 10px;
- font-weight: 400;
- line-height: 20px;
+ .aiReading-spin {
+ margin-right: 12px;
}
+
+ .interruptTag {
+ width: max-content;
+ height: 22px;
+ padding: 0px 6px 0px 6px;
+ border-radius: 4px;
+ margin-left: 6px;
+ font-family: PingFang SC;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 22px;
+ letter-spacing: 0.003em;
+ color: var(--text-color-text-3, rgba(115, 122, 135, 1));
+ background: var(--security-unknown-tag-unknown-1, rgba(241, 243, 245, 1));
+ }
+ }
+
+ .conversation::-webkit-scrollbar {
+ width: 0px;
+ height: 0px;
+ }
+
+ .conversation::-webkit-scrollbar-thumb {
+ background: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+ }
+
+ .conversation::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+ }
+
+ .controller {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 16px;
+ background-color: #fff;
+ padding: 8px 35px;
+
+ .talkWrapper {
+ --h: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ padding: 8px 16px;
+ background-color: #e3efff;
+ border-radius: 20px;
+ user-select: none;
+ gap: 8px;
+ min-width: 124px;
+ color: #0078ff;
+ }
+
+ .listenerDot {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ height: var(--h);
+ width: 36px;
+
+ span {
+ display: inline-block;
+ width: 4px;
+ margin: 0 1px;
+ background-color: #4898fc;
+ border-radius: 2px;
+ height: calc(var(--h) - var(--d) * 4px);
+ transition: height 0.2s ease;
+ opacity: calc(1 - var(--d) * 0.4);
+ }
+ }
+
+ .isTalking {
+ span {
+ animation: soundWave 1s infinite ease-in-out;
+ }
+
+ span:nth-child(1) {
+ animation-delay: 0s;
+ }
+ span:nth-child(2) {
+ animation-delay: 0.2s;
+ }
+ span:nth-child(3) {
+ animation-delay: 0.4s;
+ }
+ span:nth-child(4) {
+ animation-delay: 0.6s;
+ }
+ span:nth-child(5) {
+ animation-delay: 0.8s;
+ }
+ }
+
+ @keyframes soundWave {
+ 0%,
+ 100% {
+ height: 4px;
+ }
+ 50% {
+ height: 16px;
+ }
+ }
+
+ .microphoneWrapper {
+ display: flex;
+ align-items: center;
+ background-color: #f6f6f6;
+ padding: 10px 15px;
+ border-radius: 400px;
+ }
+ }
}
.mobile {
- padding: 12px 28px;
+ padding-top: 12px;
}
-
-.text {
- width: 100%;
- text-align: center;
- color: rgba(148, 116, 255, 1);
- font-size: 14px;
- font-weight: 500;
- line-height: 22px;
-}
-
-.btns {
- width: 100%;
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
- gap: 16px;
-
- .setting {
- background-color: rgba(111, 111, 111, 0.497);
- border-radius: 50%;
- width: 48px;
- height: 48px;
- padding: 12px;
- box-sizing: border-box;
- cursor: pointer;
- }
-
- .btn {
- cursor: pointer;
- }
-
- .btn:hover {
- opacity: 0.8;
- }
-
- .btn:active {
- opacity: 1;
- }
-}
-
-.column {
- flex-direction: column !important;
- align-items: flex-end !important;
-}
-
-.interrupt {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- background: #FFFFFF;
- border-radius: 4px;
- box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(221, 226, 233, 1);
- border-color: #d9d9d9;
- width: 81px;
- height: 24px;
- gap: 4px;
- cursor: pointer;
- user-select: none;
- -webkit-user-select: none; /* Safari */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
-
- .interrupt-text {
- color: var(--text-color-text-3, rgba(115, 122, 135, 1));
- font-size: 12px;
- }
-
- &:hover {
- opacity: 0.8;
- }
-
- &:active {
- opacity: 1;
- }
-}
-
-.camera-wrapper {
- position: absolute;
- top: 16px;
- right: 16px;
- width: 320px;
- height: 200px;
- border-radius: 8px;
- background: var(--line-color-border-2, rgba(234, 237, 241, 1));
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border: 0.81px solid var(--line-color-border-3, rgba(221, 226, 233, 1));
- overflow: hidden;
- z-index: 4;
-
- .camera-player {
- width: 100%;
- height: 100%;
- border-radius: 8px;
- }
-
- .camera-placeholder {
- width: 100%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- font-size: 12px;
- color: var(--text-color-text-3, rgba(115, 122, 135, 1));
-
- .camera-placeholder-close-note {
- margin-bottom: 8px;
- }
-
- .camera-open-btn {
- color: var(--primary-color-primary-6, rgba(22, 100, 255, 1));
- cursor: pointer;
- }
- }
-}
\ No newline at end of file
diff --git a/src/pages/MainPage/MainArea/Room/index.tsx b/src/pages/MainPage/MainArea/Room/index.tsx
index 56c3656..185b623 100644
--- a/src/pages/MainPage/MainArea/Room/index.tsx
+++ b/src/pages/MainPage/MainArea/Room/index.tsx
@@ -3,24 +3,18 @@
* SPDX-license-identifier: BSD-3-Clause
*/
-import AvatarCard from '@/components/AvatarCard';
+
import Conversation from './Conversation';
-import ToolBar from './ToolBar';
-import CameraArea from './CameraArea';
+
import AudioController from './AudioController';
import utils from '@/utils/utils';
import style from './index.module.less';
-import DoubaoAvatar from '@/assets/img/DoubaoAvatar.png';
function Room() {
return (
-
);
}
diff --git a/src/pages/MainPage/MainArea/index.module.less b/src/pages/MainPage/MainArea/index.module.less
index ed60a57..bc0f759 100644
--- a/src/pages/MainPage/MainArea/index.module.less
+++ b/src/pages/MainPage/MainArea/index.module.less
@@ -94,7 +94,6 @@
font-family: PingFang SC;
font-size: 16px;
font-weight: 500;
- line-height: 18px;
letter-spacing: 0.003em;
color: rgba(27, 30, 61, 0.6);
margin-top: 12px;
diff --git a/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.module.less b/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.module.less
deleted file mode 100644
index 5bddcf7..0000000
--- a/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.module.less
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-.wrapper {
- width: 100%;
- display: flex;
- flex-direction: row;
- gap: 24px;
- padding: 8px 16px;
-
-
- .label {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- line-height: 16px;
- gap: 12px;
-
- .label-text {
- font-family: PingFang SC;
- font-size: 14px;
- font-weight: 500;
- line-height: 22px;
- letter-spacing: 0.003em;
- text-align: left;
- }
- }
-
- .value {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- gap: 18px;
- }
-}
\ No newline at end of file
diff --git a/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.tsx b/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.tsx
deleted file mode 100644
index 56024fe..0000000
--- a/src/pages/MainPage/Menu/components/DeviceDrawerButton/index.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-import { useMemo } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import { MediaType } from '@volcengine/rtc';
-import { Switch, Select } from '@arco-design/web-react';
-import DrawerRowItem from '@/components/DrawerRowItem';
-import { RootState } from '@/store';
-import RtcClient from '@/lib/RtcClient';
-import { useDeviceState } from '@/lib/useCommon';
-import { updateSelectedDevice } from '@/store/slices/device';
-import utils from '@/utils/utils';
-import styles from './index.module.less';
-
-interface IDeviceDrawerButtonProps {
- type?: MediaType.AUDIO | MediaType.VIDEO;
-}
-
-const DEVICE_NAME = {
- [MediaType.AUDIO]: '麦克风',
- [MediaType.VIDEO]: '摄像头',
-};
-
-function DeviceDrawerButton(props: IDeviceDrawerButtonProps) {
- const { type = MediaType.AUDIO } = props;
- const device = useDeviceState();
- const isEnable = type === MediaType.AUDIO ? device.isAudioPublished : device.isVideoPublished;
- const switcher = type === MediaType.AUDIO ? device.switchMic : device.switchCamera;
- const devicePermissions = useSelector((state: RootState) => state.device.devicePermissions);
- const devices = useSelector((state: RootState) => state.device);
- const selectedDevice =
- type === MediaType.AUDIO ? devices.selectedMicrophone : devices.selectedCamera;
- const permission = devicePermissions?.[type === MediaType.AUDIO ? 'audio' : 'video'];
-
- const dispatch = useDispatch();
- const deviceList = useMemo(
- () => (type === MediaType.AUDIO ? devices.audioInputs : devices.videoInputs),
- [devices]
- );
-
- const handleDeviceChange = (value: string) => {
- RtcClient.switchDevice(type, value);
- if (type === MediaType.AUDIO) {
- dispatch(
- updateSelectedDevice({
- selectedMicrophone: value,
- })
- );
- }
- if (type === MediaType.VIDEO) {
- dispatch(
- updateSelectedDevice({
- selectedCamera: value,
- })
- );
- }
- };
-
- return (
- AI生成内容由大模型生成，不能完全保障真实
{DEVICE_NAME[type]}
-
- switcher(enable)}
- disabled={!permission}
- />
-
-
-
-
- );
-}
-
-export default Interrupt;
diff --git a/src/pages/MainPage/Menu/components/Operation/index.module.less b/src/pages/MainPage/Menu/components/Operation/index.module.less
deleted file mode 100644
index 1c46bed..0000000
--- a/src/pages/MainPage/Menu/components/Operation/index.module.less
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-.device {
- display: flex;
- flex-direction: column;
- gap: 16px;
-}
-
-.box {
- position: relative;
- width: 100%;
- border-radius: 16px;
- background-color: white;
- border: 1px solid var(--line-color-border-2, rgba(234, 237, 241, 1));
- padding: 16px 24px 16px 24px;
- box-sizing: border-box;
- margin-bottom: 16px;
-}
\ No newline at end of file
diff --git a/src/pages/MainPage/Menu/components/Operation/index.tsx b/src/pages/MainPage/Menu/components/Operation/index.tsx
deleted file mode 100644
index 860944e..0000000
--- a/src/pages/MainPage/Menu/components/Operation/index.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-import { MediaType } from '@volcengine/rtc';
-import DeviceDrawerButton from '../DeviceDrawerButton';
-import { useVisionMode } from '@/lib/useCommon';
-import Interrupt from '../Interrupt';
-import styles from './index.module.less';
-
-function Operation() {
- const isVisionMode = useVisionMode();
- return (
-
- 语音打断
-
-
-
-
-
-
-
- );
-}
-
-export default Operation;
diff --git a/src/pages/MainPage/Menu/index.module.less b/src/pages/MainPage/Menu/index.module.less
deleted file mode 100644
index e33628f..0000000
--- a/src/pages/MainPage/Menu/index.module.less
+++ /dev/null
@@ -1,184 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-.wrapper {
- width: 200px;
- height: 100%;
- border-radius: 16px;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- .info {
- .bold {
- font-size: 13px;
- font-weight: 500;
- line-height: 22px;
- color: var(--text-color-text-1, rgba(12, 13, 14, 1));
- }
-
- .gray {
- display: flex;
- flex-direction: row;
- align-items: center;
- font-size: 13px;
- font-weight: 400;
- line-height: 22px;
- color: var(--text-color-text-3, rgba(115, 122, 135, 1));
-
- .value {
- width: 65%;
- font-size: 12px;
- font-weight: 500;
- margin-left: 5px;
- }
-
- :global {
- .arco-typography {
- margin-bottom: 0px;
- }
- }
- }
-
- .buttonArea {
- width: 100%;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- margin-top: 8px;
-
- .getMore {
- width: 100%;
- color: #fff;
- height: 32px;
- text-shadow: none;
- box-shadow: none;
- border: none;
- padding: 0px 24px;
- background: linear-gradient(56.59deg, #3C73FF 15.53%, #6E41EE 62.28%, #D641EE 90.32%),
- radial-gradient(203.56% 121.74% at 27.12% -21.74%, rgba(82, 182, 255, 0.2) 0%, rgba(143, 65, 238, 0) 100%),
- radial-gradient(134.75% 51.95% at 26.69% 5.8%, rgba(157, 214, 255, 0.1) 0%, rgba(143, 65, 238, 0) 100%),
- radial-gradient(82.39% 83.92% at 147.46% 76.45%, rgba(82, 99, 255, 0.8) 0%, rgba(143, 65, 238, 0) 100%);
- border-radius: 4px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
-
- color: var(--Primary-Neutral-0, #FFF);
- text-align: center;
-
- /* Body/body-2 medium */
- font-family: "PingFang SC";
- font-size: 13px;
- font-style: normal;
- font-weight: 500;
- cursor: pointer;
- }
-
- .getMore:hover {
- opacity: 0.9;
- }
-
- .getMore:active {
- opacity: 1;
- }
-
- .getMore[disabled],
- .getMore[disabled]:hover {
- color: #fff;
- background: linear-gradient(95.87deg, #1664FF 0%, #8040FF 97.7%);
- opacity: 0.8;
- }
- }
- }
-
- .questions {
- display: flex;
- flex-direction: column;
- gap: 8px;
-
- .title {
- font-size: 13px;
- font-weight: 500;
- line-height: 22px;
- }
-
- .line {
- font-size: 12px;
- font-weight: 400;
- line-height: 20px;
- color: rgba(66, 70, 78, 1);
- cursor: pointer;
- }
- }
-
- .device {
- display: flex;
- flex-direction: column;
- gap: 16px;
- }
-
- .box {
- position: relative;
- width: 100%;
- border-radius: 16px;
- background-color: white;
- border: 1px solid var(--line-color-border-2, rgba(234, 237, 241, 1));
- padding: 16px 24px 16px 24px;
- box-sizing: border-box;
- margin-bottom: 16px;
- }
-
- .resetTime {
- position: relative;
- width: 100%;
- border-radius: 16px;
- padding: 0px 24px 8px 24px;
- box-sizing: border-box;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
-
- user-select: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
-
- .normalLine {
- color: #42464E;
- /* Body/body-1 regular */
- font-family: "PingFang SC";
- font-size: 12px;
- font-style: normal;
- font-weight: 400;
- line-height: 20px; /* 166.667% */
- letter-spacing: 0.036px;
- opacity: 0.8;
- }
- }
-}
-
-.mobile-camera-wrapper {
- position: relative;
- width: 100%;
- height: 100%;
- border-radius: 16px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- margin-bottom: 16px;
-
- .mobile-camera {
- position: relative !important;
- width: 100% !important;
- height: 100% !important;
- top: auto !important;
- right: auto !important;
- }
-}
\ No newline at end of file
diff --git a/src/pages/MainPage/Menu/index.tsx b/src/pages/MainPage/Menu/index.tsx
deleted file mode 100644
index a60a6ad..0000000
--- a/src/pages/MainPage/Menu/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
- * SPDX-license-identifier: BSD-3-Clause
- */
-
-import VERTC from '@volcengine/rtc';
-import { Tooltip, Typography } from '@arco-design/web-react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useVisionMode } from '@/lib/useCommon';
-import { RootState } from '@/store';
-import RtcClient from '@/lib/RtcClient';
-import Operation from './components/Operation';
-import { Questions } from '@/config';
-import { COMMAND, INTERRUPT_PRIORITY } from '@/utils/handler';
-import CameraArea from '../MainArea/Room/CameraArea';
-import { setCurrentMsg, setHistoryMsg } from '@/store/slices/room';
-import utils from '@/utils/utils';
-import styles from './index.module.less';
-
-function Menu() {
- const dispatch = useDispatch();
- const room = useSelector((state: RootState) => state.room);
- const scene = room.scene;
- const isJoined = room?.isJoined;
- const isVisionMode = useVisionMode();
-
- const handleQuestion = (question: string) => {
- RtcClient.commandAudioBot(COMMAND.EXTERNAL_TEXT_TO_LLM, INTERRUPT_PRIORITY.HIGH, question);
- dispatch(
- setHistoryMsg({
- text: question,
- user: RtcClient.basicInfo.user_id,
- paragraph: true,
- definite: true,
- })
- );
- dispatch(
- setCurrentMsg({
- text: question,
- user: RtcClient.basicInfo.user_id,
- paragraph: true,
- definite: true,
- })
- );
- };
-
- return (
-
- {isJoined && utils.isMobile() && isVisionMode ? (
-
- );
-}
-
-export default Menu;
diff --git a/src/pages/MainPage/index.module.less b/src/pages/MainPage/index.module.less
index 0653f31..227467d 100644
--- a/src/pages/MainPage/index.module.less
+++ b/src/pages/MainPage/index.module.less
@@ -17,7 +17,7 @@
width: calc(100% - 220px);
height: 100%;
margin-right: 2%;
- background-color: white;
+ background: linear-gradient( 180deg, #fff 0%, #eee 100%);
border-radius: 16px;
overflow: hidden;
}
diff --git a/src/pages/MainPage/index.tsx b/src/pages/MainPage/index.tsx
index b221f4c..23ecae3 100644
--- a/src/pages/MainPage/index.tsx
+++ b/src/pages/MainPage/index.tsx
@@ -3,9 +3,8 @@
* SPDX-license-identifier: BSD-3-Clause
*/
-import Header from '@/components/Header';
import ResizeWrapper from '@/components/ResizeWrapper';
-import Menu from './Menu';
+
import utils from '@/utils/utils';
import MainArea from './MainArea';
import styles from './index.module.less';
@@ -13,7 +12,6 @@ import styles from './index.module.less';
export default function () {
return (
-
- ) : null}
-
-
- {isJoined ? (
- Demo Version 1.4.0
- SDK Version {VERTC.getSdkVersion()}
- {isJoined ? (
-
- 房间ID{' '}
-
-
- {room.roomId || '-'}
-
-
-
- ) : (
- ''
- )}
-
-
- ) : (
- ''
- )}
- {isJoined ? 点击下述问题进行提问:
- {Questions[scene].map((question) => (
- handleQuestion(question)} className={styles.line} key={question}>
- {question}
-
- ))}
-
-
-
- )}