diff --git a/public/locales/en/chat.json b/public/locales/en/chat.json index 09c5b12c..cd8cd1ee 100644 --- a/public/locales/en/chat.json +++ b/public/locales/en/chat.json @@ -46,5 +46,5 @@ "file": "file", "image": "image", "forward": "forward", - "voice": "Voice" + "voice": "Voice Chat" } diff --git a/src/assets/icons/sound.on.svg b/src/assets/icons/sound.on.svg index 1a76f1b9..88a88b5b 100644 --- a/src/assets/icons/sound.on.svg +++ b/src/assets/icons/sound.on.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/common/component/Voice.tsx b/src/common/component/Voice.tsx index 2fd8a52f..e5ebbba8 100644 --- a/src/common/component/Voice.tsx +++ b/src/common/component/Voice.tsx @@ -43,11 +43,11 @@ const Voice = () => { if (mediaType == "audio") { // 播放远端音频 user.audioTrack?.play(); - const level = user.audioTrack?.getVolumeLevel(); - if (level === 0) { - // 远端静音 - dispatch(updateVoicingMember({ uid: +user.uid, info: { muted: true } })); - } + // const level = user.audioTrack?.getVolumeLevel(); + // if (level === 0) { + // // 远端静音 + // dispatch(updateVoicingMember({ uid: +user.uid, info: { muted: true } })); + // } window.VOICE_TRACK_MAP[+user.uid] = user.audioTrack; } agoraEngine.on("user-unpublished", (user) => { diff --git a/src/routes/chat/RTCWidget.tsx b/src/routes/chat/RTCWidget.tsx index 46a5e686..84e529db 100644 --- a/src/routes/chat/RTCWidget.tsx +++ b/src/routes/chat/RTCWidget.tsx @@ -1,12 +1,11 @@ import React from 'react'; import { useAppSelector } from '../../app/store'; import User from '../../common/component/User'; -import IconHeadphone from '../../assets/icons/headphone.svg'; -import IconHeadphoneOff from '../../assets/icons/headphone.off.svg'; import IconMic from '../../assets/icons/mic.on.svg'; import IconMicOff from '../../assets/icons/mic.off.svg'; import IconCallOff from '../../assets/icons/call.off.svg'; -// import IconSoundOn from '../../assets/icons/sound.on.svg'; +import IconSoundOn from '../../assets/icons/sound.on.svg'; +import IconSoundOff from '../../assets/icons/sound.off.svg'; import { useVoice } from '../../common/component/Voice'; import Signal from '../../common/component/Signal'; @@ -51,7 +50,7 @@ const RTCWidget = ({ id, context = "channel" }: Props) => { {/* {voicingInfo && */}
- {voicingInfo.deafen ? : } + {voicingInfo.deafen ? : } {voicingInfo.muted ? : diff --git a/src/routes/chat/VoiceChat/VoiceManagement.tsx b/src/routes/chat/VoiceChat/VoiceManagement.tsx index e4b6720e..c0a223fb 100644 --- a/src/routes/chat/VoiceChat/VoiceManagement.tsx +++ b/src/routes/chat/VoiceChat/VoiceManagement.tsx @@ -3,8 +3,8 @@ import React from 'react'; import { VoicingInfo } from '../../../app/slices/voice'; import { useAppSelector } from '../../../app/store'; import Avatar from '../../../common/component/Avatar'; -import IconHeadphone from '../../../assets/icons/headphone.svg'; -import IconHeadphoneOff from '../../../assets/icons/headphone.off.svg'; +import IconHeadphone from '../../../assets/icons/sound.on.svg'; +import IconHeadphoneOff from '../../../assets/icons/sound.off.svg'; import IconMic from '../../../assets/icons/mic.on.svg'; import IconMicOff from '../../../assets/icons/mic.off.svg'; import StyledButton from '../../../common/component/styled/Button'; diff --git a/src/routes/chat/VoiceChat/index.tsx b/src/routes/chat/VoiceChat/index.tsx index 90dfc9ef..89020878 100644 --- a/src/routes/chat/VoiceChat/index.tsx +++ b/src/routes/chat/VoiceChat/index.tsx @@ -50,7 +50,7 @@ const VoiceChat = ({ id, context = "channel" }: Props) => { if (!loginUser) return null; const visible = contextData.visibleAside == "voice"; const memberCount = voiceList.find((v) => v.context == context && v.id == id)?.memberCount ?? 0; - const badgeClass = `absolute -top-1 -right-1 w-4 h-4 rounded-full bg-primary-400 text-white `; + const badgeClass = `absolute -top-2 -right-2 w-4 h-4 rounded-full bg-primary-400 text-white `; return (