MediaSFU React Native
    Preparing search index...

    Function captureCanvasStream

    • Captures the canvas stream and handles the transport connection for screen sharing.

      Parameters

      Returns Promise<void>

      A promise that resolves when the operation is complete.

      const canvasElement = document.querySelector('#canvas') as HTMLCanvasElement;
      const options = {
      parameters: {
      canvasWhiteboard: canvasElement,
      updateCanvasStream: (stream) => console.log('Canvas Stream Updated:', stream),
      updateScreenProducer: (producer) => console.log('Screen Producer Updated:', producer),
      updateLocalScreenProducer: (localProducer) => console.log('Local Screen Producer Updated:', localProducer),
      createSendTransport: async (params) => console.log('Transport created with', params),
      connectSendTransportScreen: async (options) => console.log('Transport connected with', options),
      disconnectSendTransportScreen: async (params) => console.log('Transport disconnected with', params),
      sleep: ({ ms }) => new Promise(resolve => setTimeout(resolve, ms)),
      },
      start: true,
      };
      await captureCanvasStream(options);