MediaSFU React Native
    Preparing search index...

    Variable RecordingModalConst

    RecordingModal: React.FC<RecordingModalOptions> = ...

    RecordingModal orchestrates both standard and advanced recording preferences prior to capture. It surfaces panels for video layout, overlays, audio/media mixes, and HLS configuration, while supporting override hooks for custom UI shells.

    • Consolidates standard & advanced panels for holistic recording setup.
    • Integrates confirm/start callbacks to coordinate recording workflow.
    • Exposes update handlers for colors, text overlays, and media mixes via parameters.
    • Anchorable to any screen corner and themable through props.
    • Supports render overrides for bespoke container or panel presentations.
    • Control buttons include accessibility roles and descriptive labels.
    • ScrollView ensures all settings remain reachable with assistive technologies.

    Modal configuration options.

    Rendered recording configuration modal.

    <RecordingModal
      isRecordingModalVisible={visible}
      onClose={close}
      confirmRecording={confirmRecording}
      startRecording={startRecording}
      parameters={recordingParams}
    />

    <RecordingModal
      isRecordingModalVisible
      onClose={handleDismiss}
      confirmRecording={handleConfirm}
      startRecording={handleStart}
      backgroundColor="#0f172a"
      style={{ borderRadius: 24 }}
      parameters={params}
      renderContainer={({ defaultContainer }) => (
        <SlideUp>{defaultContainer}</SlideUp>
      )}
    />

    Settings

    Member Visibility

    On This Page

    Key FeaturesAccessibility