tencent cloud

// Good:
// Capture only video
const shareStream = TRTC.createStream({ audio: false, screen: true, userId });
// Capture mic audio and video
const shareStream = TRTC.createStream({ audio: true, screen: true, userId });
// Capture system audio and video
const shareStream = TRTC.createStream({ screenAudio: true, screen: true, userId });

// Bad:
const shareStream = TRTC.createStream({ camera: true, screen: true });
// or
const shareStream = TRTC.createStream({ camera: true, screenAudio: true });

try {
  await shareStream.initialize();
} catch (error) {
  // If the initialization of the screen sharing stream fails, notify the user and stop performing subsequent steps including room entry and stream publishing.
  switch (error.name) {
    case 'NotReadableError':
      // Ask the user to check if the system has allowed the browser to record the screen.
      return;
    case 'NotAllowedError':
      if (error.message.includes('Permission denied by system')) {
        // Ask the user to check if the system has allowed the browser to record the screen.
      } else {
        // The user denies the permission or cancels screen sharing.
      }
      return;
    default:
      // An unknown error occurred during the initialization of the screen sharing stream. Ask the user to try again.
      return;
  }
}

const shareClient = TRTC.createClient({
  mode: 'rtc',
  sdkAppId,
  userId, // Example: ‘share_teacher’
  userSig
});
// The client object enters the room.
try {
  await shareClient.join({ roomId });
  // ShareClient join room success
} catch (error) {
  // ShareClient join room failed
}

try {
  await shareClient.publish(shareStream);
} catch (error) {
  // ShareClient failed to publish local stream
}

// We recommend you add the prefix `share` to the `userId` of the object to indicate that it is used for screen sharing.
const userId = 'share_userId';
const roomId = 'roomId';
// Capture only video
const shareStream = TRTC.createStream({ audio: false, screen: true, userId });
// Capture mic audio and video
// const shareStream = TRTC.createStream({ audio: true, screen: true, userId });
// Capture system audio and video
// const shareStream = TRTC.createStream({ screenAudio: true, screen: true, userId });
try {
  await shareStream.initialize();
} catch (error) {
  // If the initialization of the screen sharing stream fails, notify the user and stop performing subsequent steps including room entry and stream publishing.
  switch (error.name) {
    case 'NotReadableError':
      // Ask the user to check if the system has allowed the browser to record the screen.
      return;
    case 'NotAllowedError':
      if (error.message.includes('Permission denied by system')) {
        // Ask the user to check if the system has allowed the browser to record the screen.
      } else {
        // The user denies the permission or cancels screen sharing.
      }
      return;
    default:
      // An unknown error occurred during the initialization of the screen sharing stream. Ask the user to try again.
      return;
  }
}
const shareClient = TRTC.createClient({
  mode: 'rtc',
  sdkAppId,
  userId, // Example: ‘share_teacher’
  userSig
});
// The client object enters the room.
try {
  await shareClient.join({ roomId });
  // ShareClient join room success
} catch (error) {
  // ShareClient join room failed
}
try {
  await shareClient.publish(shareStream);
} catch (error) {
  // ShareClient failed to publish local stream

const shareStream = TRTC.createStream({ audio: false, screen: true, userId });
// For SetScreenProfile() to work, you must call it before you call initialize().
shareStream.setScreenProfile('1080p');
await shareStream.initialize();

const shareStream = TRTC.createStream({ audio: false, screen: true, userId });
// For SetScreenProfile() to work, you must call it before you call initialize().
shareStream.setScreenProfile({ width: 1920, height: 1080, frameRate: 5, bitrate: 1600 /* kbps */});
await shareStream.initialize();

// The screen sharing client stops publishing the stream.
await shareClient.unpublish(shareStream);
// Close the screen sharing stream.
shareStream.close();
// Leave the room.
await shareClient.leave();

// The above three steps are optional. You can determine what code to use according to the actual situation. Normally, you need to add code to determine whether the user has entered the room and whether the stream has been published. For more code samples, see the [demo source code](https://github.com/LiteAVSDK/TRTC_Web/blob/main/base-js/js/share-client.js).

// Listen for the screen sharing stopping event.
shareStream.on('screen-sharing-stopped', event => {
  // Stop publishing the screen sharing stream.
  await shareClient.unpublish(shareStream);
  // Close the screen sharing stream.
  shareStream.close();
  // Leave the room.
  await shareClient.leave();
});

const client = TRTC.createClient({ mode: 'rtc', sdkAppId, userId, userSig });
// Set autoSubscribe to false to disable automatic subscription for shareClient.
const shareClient = TRTC.createClient({ mode: 'rtc', sdkAppId, `share_${userId}`, userSig, autoSubscribe: false,});

// Unsubscribe from the stream of shareClient.
client.on('stream-added', event => {
  const remoteStream = event.stream;
  const remoteUserId = remoteStream.getUserId();
  if (remoteUserId === `share_${userId}`) {
    // Unsubscribe from the screen sharing stream.
    client.unsubscribe(remoteStream);
  } else {
    // Subscribe to other remote streams.
    client.subscribe(remoteStream);
  }
});

await client.join({ roomId });
await shareClient.join({ roomId });

const localStream = TRTC.createStream({ audio: true, video: true, userId }); 
const shareStream = TRTC.createStream({ audio: false, screen: true, userId });

// The code for initialization and publishing is omitted. You can add the code based on your needs.

// Set screenAudio to true when creating the screen sharing stream. Don’t set audio to true because you cannot capture mic and system audio at the same time.
const shareStream = TRTC.createStream({ screenAudio: true, screen: true, userId });
await shareStream.initialize();
...