Screen sharing

import {
  SRTC,
  LocalScreenTrack,
  ScreenPresets,
  ChannelEventType,
} from '@seastart/srtc-web-sdk';

const srtc = new SRTC();
let localScreenTrack: LocalScreenTrack | undefined;

const openScreen = async () => {
  // Create a screen sharing track with the 1080p preset
  localScreenTrack = srtc.createLocalScreenTrack(ScreenPresets['1080p']);

  // Start capture (the browser shows a screen picker)
  await localScreenTrack.startCapture();

  // Local preview (optional)
  localScreenTrack.addPlayView(document.querySelector<HTMLElement>('#screen-preview')!);

  // Publish
  await srtc.publishLocalTrack(localScreenTrack, { desc: 'screen' });
};

const closeScreen = async () => {
  if (!localScreenTrack) return;
  await srtc.unpublishLocalTrack(localScreenTrack);
  localScreenTrack.removeAllPlayViews();
  localScreenTrack.stopCapture();
  localScreenTrack = undefined;
};

srtc.onNotifyChannelEvent = async (evt) => {
  if (evt.type === ChannelEventType.TRACK_ENDED) {
    if (evt.data === localScreenTrack) {
      // The user clicked the browser's "Stop sharing"; clean up proactively
      await closeScreen();
      // Update your UI state (e.g., hide the "Sharing" indicator)
    }
  }
};

import {
  SRTC,
  LocalScreenTrack,
  ScreenPresets,
  ScreenAudioPresets,
} from '@seastart/srtc-web-sdk';

const srtc = new SRTC();

// Create a screen sharing track and request system audio capture at the same time
const localScreenTrack = srtc.createLocalScreenTrack(
  ScreenPresets['1080p'],
  ScreenAudioPresets.default,  // Second parameter: system audio preset
);

await localScreenTrack.startCapture();

// Get the system audio track (if the browser supports it and the user checked "Share audio")
const screenAudioTrack = localScreenTrack.getAudioTrack();
if (screenAudioTrack) {
  // Publish the system audio to the channel too
  await srtc.publishLocalTrack(screenAudioTrack, { desc: 'screen_audio' });
  console.log('System audio published');
} else {
  console.warn('System audio capture is not supported in this environment, or the user did not check "Share audio"');
}

// Publish the screen sharing video
await srtc.publishLocalTrack(localScreenTrack, { desc: 'screen' });

await localScreenTrack.startCapture({
  frameRate: 15,
  contentHint: 'detail',  // Use when sharing documents/code to improve sharpness
  showCursor: true,
});