This commit is contained in:
yj 2024-07-12 16:35:39 +08:00
parent 084aed3303
commit e531e71f4f
2 changed files with 45 additions and 48 deletions

View File

@ -262,11 +262,6 @@ const Meeting: React.FC = () => {
if (res.code === 200) { if (res.code === 200) {
setRoomUserList(res.data) setRoomUserList(res.data)
callBack(res.data) callBack(res.data)
// setTimeout(() => {
// res.data.forEach((item: any) => {
// agora.setVideo(Number(item.account), document.getElementById(`video-${item.account}`), state.channelId)
// })
// }, 1000)
} }
}) })
} }

View File

@ -67,54 +67,56 @@ const agora = {
// 渲染视频 // 渲染视频
setVideo: (item: any) => { setVideo: (item: any) => {
console.log(item); console.log(item);
if (typeof item.isRemotJoin === 'boolean') { // 本地加入
if (item.isRemotJoin) { function setupLocalVideo() {
// 远端加入 rtcEngine.setupLocalVideo({
rtcEngine.setupRemoteVideo( renderMode: RenderModeType.RenderModeFit,
{ // sourceType: VideoSourceType.VideoSourceScreen,
renderMode: RenderModeType.RenderModeFit, sourceType: VideoSourceType.VideoSourceCameraPrimary,
sourceType: VideoSourceType.VideoSourceRemote, uid: item.account,
uid: item.account, view: item.view,
view: item.view, setupMode: VideoViewSetupMode.VideoViewSetupAdd,
setupMode: VideoViewSetupMode.VideoViewSetupAdd, });
}, }
{ channelId: item.channelId }, // 远端加入
); function setupRemoteVideoJoin() {
} else { rtcEngine.setupRemoteVideo(
// 远端退出 {
rtcEngine.setupRemoteVideo(
{
renderMode: RenderModeType.RenderModeFit,
sourceType: VideoSourceType.VideoSourceRemote,
uid: item.account,
view: item.view,
setupMode: VideoViewSetupMode.VideoViewSetupRemove,
},
);
}
} else {
if (option.userid === item.account) {
// 本地加入
rtcEngine.setupLocalVideo({
renderMode: RenderModeType.RenderModeFit, renderMode: RenderModeType.RenderModeFit,
// sourceType: VideoSourceType.VideoSourceScreen, sourceType: VideoSourceType.VideoSourceRemote,
sourceType: VideoSourceType.VideoSourceCameraPrimary,
uid: item.account, uid: item.account,
view: item.view, view: item.view,
setupMode: VideoViewSetupMode.VideoViewSetupAdd, setupMode: VideoViewSetupMode.VideoViewSetupAdd,
}); },
{ channelId: item.channelId },
);
}
// 远端退出
function setupRemoteVideoLeave() {
rtcEngine.setupRemoteVideo(
{
renderMode: RenderModeType.RenderModeFit,
sourceType: VideoSourceType.VideoSourceRemote,
uid: item.account,
view: item.view,
setupMode: VideoViewSetupMode.VideoViewSetupRemove,
},
);
}
if (typeof item.isRemotJoin === 'boolean') {
if (option.userid != item.account) {
if (item.isRemotJoin) {
setupRemoteVideoJoin()
} else {
setupRemoteVideoLeave()
}
}
} else {
if (option.userid === item.account) {
setupLocalVideo()
} else { } else {
// 远端加入 setupRemoteVideoJoin()
rtcEngine.setupRemoteVideo(
{
renderMode: RenderModeType.RenderModeFit,
sourceType: VideoSourceType.VideoSourceRemote,
uid: item.account,
view: item.view,
setupMode: VideoViewSetupMode.VideoViewSetupAdd,
},
{ channelId: item.channelId },
);
} }
} }
}, },