Screen Sharing

1import { BaxCloudClient } from '@baxcloud/react-sdk';
2import { useState } from 'react';
3
4function ScreenShareButton() {
5  const [isSharing, setIsSharing] = useState(false);
6  const client = new BaxCloudClient({
7    projectId: 'your-project-id',
8    apiKey: 'your-api-key',
9  });
10
11  const startScreenShare = async () => {
12    try {
13      await client.enableScreenShare();
14      setIsSharing(true);
15      console.log('Screen sharing started');
16    } catch (error) {
17        console.error('Failed to start screen sharing:', error);
18    }
19  };
20
21  const stopScreenShare = async () => {
22    try {
23      await client.disableScreenShare();
24      setIsSharing(false);
25      console.log('Screen sharing stopped');
26    } catch (error) {
27      console.error('Failed to stop screen sharing:', error);
28    }
29  };
30
31  return (
32    <button onClick={isSharing ? stopScreenShare : startScreenShare}>
33      {isSharing ? 'Stop Sharing' : 'Share Screen'}
34    </button>
35  );
36}

1import { BaxCloudClient, BaxCloudRoomController } from '@baxcloud/react-sdk';
2
3const client = new BaxCloudClient({
4  projectId: 'your-project-id',
5  apiKey: 'your-api-key',
6});
7
8const controller = BaxCloudRoomController.instance;
9
10// Check if screen sharing is enabled
11const isSharing = controller.isScreenShareEnabled();
12console.log('Screen sharing:', isSharing ? 'enabled' : 'disabled');
13
14// Get participants and check their screen share status
15const participants = controller.getParticipants();
16const sharingParticipant = participants.find(p => p.isScreenShareEnabled);
17if (sharingParticipant) {
18  console.log(`${sharingParticipant.name} is sharing their screen`);
19}

1import { BaxCloudRoomController } from '@baxcloud/react-sdk';
2import { useEffect, useState } from 'react';
3
4const controller = BaxCloudRoomController.instance;
5
6function ScreenShareMonitor() {
7  const [participants, setParticipants] = useState([]);
8
9  useEffect(() => {
10    const updateParticipants = () => {
11      const allParticipants = controller.getParticipants();
12      setParticipants(allParticipants);
13      
14      // Check for screen shares
15      const sharingParticipant = allParticipants.find(p => p.isScreenShareEnabled);
16      if (sharingParticipant) {
17        console.log(`${sharingParticipant.name} is sharing screen`);
18      }
19    };
20
21    updateParticipants();
22
23    // Listen for participant changes
24    const unsubscribeJoined = controller.onUserJoined(() => {
25      updateParticipants();
26});
27
28    const unsubscribeLeft = controller.onUserLeft(() => {
29      updateParticipants();
30    });
31
32    return () => {
33      unsubscribeJoined();
34      unsubscribeLeft();
35    };
36  }, []);
37
38  const sharingParticipant = participants.find(p => p.isScreenShareEnabled);
39
40  return (
41    <div>
42      {sharingParticipant ? (
43        <div>${sharingParticipant.name} is sharing their screen</div>
44      ) : (
45        <div>No one is sharing their screen</div>
46      )}
47    </div>
48  );
49}