Screensharing

[Alastair1234]

Great UI kit, is there an easy way to implement screensharing?

[EkaanshArora]

Screensharing is on the roadmap, if you want to add screensharing before it's officially added to the UIKit, you can use the individual components of the UIKit to put together your app, you can access the Agora SDK and the client object to create a screen track and publish it yourself. You can look at this example where I used the UIKit to add RTMP streaming.

[Vahidalizadeh7070]

I use Agora UIKIT and then add the below code to join the screen as a client to AGORA Uikit. but I have another problem. I have 2 versions of the application that have been used by Agora. (React Native, React js). When the screen is shared, In the android version, Screen is not fitted for the android screen. `async function shareScreen() { const screenClient = AgoraRTC.createClient({ mode: 'rtc', codec: 'vp8', role: 'host' });

    const appId = '***;
    const screenTrack = await AgoraRTC.createScreenVideoTrack(
        {
            encoderConfig: '1080p',
            optimizationMode: 'detail',
            screenSourceType: 'screen'
        });

    await screenClient.join(appId, params.courseTitle, null)

    await screenClient.publish(screenTrack);

    screenTrack.on('track-ended', async () => {
        await screenClient.leave();
    });
}`

[buddhiv]

AgoraRTC.createClient({ mode: 'rtc', codec: 'vp8', role: 'host' });

Hi, just a quick question. I am new to Agora. Now <AgoraUI></AgoraUI> is a react component which initiates a conference with given prop values.

Where do you call the await AgoraRTC.createScreenVideoTrack() function? It is a different approach from the other one. Can both patterns be used in the same application? How do you implement your Agora solution?

Is is possible for you to share your experience?

[EkaanshArora]

This is added in v1.2.0 #22