Agora to Tencent RTC

flutter pub add tencent_rtc_sdk

RtcEngine agoraFlutterEngine = createAgoraRtcEngine();

await agoraFlutterEngine.initialize(
    const RtcEngineContext(appId: "<app id>")
);

// Create a TRTC instance
TRTCCloud trtcFlutterEngine = await TRTCCloud.sharedInstance();

const agoraRNEngine = createAgoraRtcEngine();

await agoraRNEngine.initialize({ appId: "<app id>" });

// Create a TRTC instance
const trtcRNEngine = TRTCCloud.sharedInstance();

await agoraFlutterEngine.joinChannel(
    token: "<your token>",
    channelId: "<channel id>",
    // user id
    uid: 0
    options: const ChannelMediaOptions(
        autoSubscribeVideo: true,
        autoSubscribeAudio: true,
        publishCameraTrack: true,
        publishMicrophoneTrack: true
    ) 
);

trtcFlutterEngine.enterRoom(
    TRTCParams(
        // Your application's SDKAppID
        sdkAppId: 12345678,
        userId: "<custom user id>",
        // User signature, generated from your appliction's SDKSecretKey
        userSig: "<user signature>",
        roomId: 1234,
        // Enter the room as Anchor
        role: TRTCRoleType.anchor,
    ),
    TRTCAppScene.live
);

print("Enter the room successfully");

const token = "<your token>";
const channelName = "<your channel id>";
const localUserId = 0;

agoraRNEngine.joinChannel(
    token, 
    channelName, 
    localUserId, 
    {
        autoSubscribeVideo: true,
        autoSubscribeAudio: true,
        publishCameraTrack: true,
        publishMicrophoneTrack: true
    }
);

trtcRNEngine.enterRoom(
    new TRTCParams({
        // Your application's SDKAppID
        sdkAppId: 12345678,
        userId: "<custom user id>",
        // User signature, generated from your appliction's SDKSecretKey
        userSig: "<user signature>",
        roomId: 1234
    }),
    // Enter the room in audio and video call scenarios
    TRTCCloudDef.TRTC_APP_SCENE_VIDEOCALL
);

agoraFlutterEngine.registerEventHandler(
    RTCEngineEventHandler(
        onUserJoined: (RtcConnection connection, int remoteUid, int elapsed) {
            print("Remote user $remoteUid joined");
        },
    )
);

// Define a TRTCCloudListener with relative events
TRTCCloudListener listener = TRTCCloudListener(
    onEnterRoom: (result) {
        if(result > 0) {
            print("Enter room success.");
        }
    },
    onRemoteUserEnterRoom: (userId) {
        print("Remote user $userId enters the room.")
    },
    onError: (errCode, errMsg) {
        print("Error $errCode: $errMsg");
    }
);

// Register the event listener with TRTC engine
trtcFlutterEngine.registerListener(listener);

agoraRNEngine.registerEventHandler({
    onUserJoined: (connection, uid) {
        console.log(`Remote user ${uid} joins the room`);
    }
});

const onRtcListener = useCallback((type:TRTCCloudListener, params:any) => {
    if (type === TRTCCloudListener.onEnterRoom) {
        if (params.result > 0) {
            console.log("Enter room success.");
        }
    } else if (type === TRTCCloudListener.onRemoteUserEnterRoom) {
        console.log(`Remote user ${params.userId} enters the room.`);
    } else if (type === TRTCCloudListener.onError) {
        console.error(`Error ${params.errCode}: ${params.errMsg}.`);
    }
});

trtcRNEngine.registerListener(onRtcListener);

// Local video track
// Display the local video by enabling the video module and starting local video preview
await agoraFlutterEngine.enableVideo();
await agoraFlutterEngine.startPreview();

// Render the local video via AgoraVideoView widget
Widget _localVideo() {
    return AgoraVideoView(
        controller: VideoViewController(
            rtcEngine: agoraFlutterEngine,
            canvas: const VideoCanvas(
                 // Specify the local user id
                uid: 0,
                // Set the video rendering mode
                renderMode: RenderModeType.renderModeHidden
            )
        )
    );
}

// Disable the video module and stop local video preview
agoraFlutterEngine.disableVideo();
agoraFlutterEngine.stopPreview();

// Local audio track is enabled by default in Agora

// Local video stream
import 'package:tencent_rtc_sdk/trtc_cloud_video_view.dart';

// Before enabling the camera preview, you can set the local video rendering parameters
trtcFlutterEngine.setLocalRenderParams(
    TRTCRenderParams(
        fillMode: TRTCVideoFillMode.fill,
        mirrorType: TRTCVideoMirrorType.auto,
        rotation: TRTCVideoRotation.rotation0
    )
);

// Render the local video via TRTCCloudVideoView widget
Widget _localVideo() {
    return TRTCCloudVideoView(
        key: ValueKey(0),
        onViewCreated: (viewId) {
            // Set to 'false' if using rear camera
            bool useFrontCamera = true;
            // Start local video preview using front camera
            trtcFlutterEngine.startLocalPreview(useFrontCamera, viewId);
            
            // Stop local video preview
            trtcFlutterEngine.stopLocalPreview();
        }
    )
}

// Local audio stream
// Enable the audio module and start publishing local audio
trtcFlutterEngine.startLocalAudio(TRTCAudioQuality.speech);
// Disable the audio module and stop publishing local audio
trtcFlutterEngine.stopLocalAudio();

<RtcSurfaceView 
    canvas={{ uid: 0 }} 
    style={ width: '90%', height: 200 }
/>

<!-- Local audio track is enabled by default in Agora -->

import { TXVideoView } from 'trtc-react-native';

<TXVideoView.LocalView
    style={{ width: 1080, height: 1080 }}
/>

// Enable the audio module and start publishing local audio
trtcRNEngine.startLocalAudio();
// Disable the audio module and stop publishing local audio
trtcRNEngine.stopLocalAudio();

// Remote video track
// Render the remote video of a joined user, also via AgoraVideoView widget
Widget _remoteVideo(remoteuid, channelid) {
    return AgoraVideoView(
        controller: VideoViewController.remote(
            rtcEngine: agoraFlutterEngine,
            canvas: const VideoCanvas(uid: remoteuid),
            connection: const RtcConnection(channelId: channelid)
        )
    );
}

// Local audio track is enabled by default in Agora

// Remote video stream
import 'package:tencent_rtc_sdk/trtc_cloud_video_view.dart';

// You can also set the remote video rendering parameters before rendering
trtcFlutterEngine.setRemoteRenderParams(
    TRTCRenderParams(
        fillMode: TRTCVideoFillMode.fill,
        mirrorType: TRTCVideoMirrorType.auto,
        rotation: TRTCVideoRotation.rotation0
    )
);

// Render the remote video, also via TRTCCloudVideoView widget
Widget _remoteVideo(remoteuid) {
    return TRTCCloudVideoView(
        key: ValueKey(0),
        onViewCreated: (viewId) {
            // Start remote video view
            trtcFlutterEngine.startRemoteView(
                remoteuid,
                TRTCVideoStreamType.big,
                viewId
            );
            
            // Stop remote video view
            trtcFlutterEngine.stopLocalPreview(
                remoteuid,
                TRTCVideoStreamType.big,
            );
        }
    )
}

// Remote audio stream
// Mute/unmute a remote user's audio stream
bool isMuted = true;
trtcFlutterEngine.muteRemoteAudio(remoteuid, isMuted);

<React.Fragment key={remoteUid}>
    <RtcSurfaceView
        canvas={{ uid: remoteUid }}
        style={ width: '90%', height: 200 }
    />
</React.Fragment>

// Mute/unmute a remote user's audio stream
let isMuted = true;
trtcRNEngine.muteRemoteAudioStream(remoteuid, isMuted);

import { TXVideoView } from 'trtc-react-native';

// Stop remote video playback
trtcRNEngine.stopRemoteView(remoteuid, TRTCCloudDef.TRTC_VIDEO_STREAM_TYPE_BIG);

// Mute/unmute remote audio playback
let isMuted = true;
trtcRNEngine.muteRemoteAudio(remoteuid, isMuted);

<TXVideoView.RemoteView
    userId={remoteUserId}
    streamType={TRTCCloudDef.TRTC_VIDEO_STREAM_TYPE_BIG}
    style={{ width: 1080, height: 1080 }}
/>

await agoraFlutterEngine.leaveChannel();

await trtcFlutterEngine.exitRoom();

// Destroy the client instance and release releated resource if needed
trtcFlutterEngine.destroySharedInstance();

agoraRNEngine.leaveChannel();

trtcRNEngine.exitRoom();

// Destroy the client instance and release releated resource if needed
trtcRNEngine.destroySharedInstance();