Multi-instance live streaming and recording

await call.startLiveStreaming({
  rtmpUrl: ['your_rtmp_url'],
  instanceId: 'YOUR_UUID',
  width: 1280,
  height: 720,
});

await call.updateLiveStreaming({
  instanceId: 'YOUR_UUID',
  layout: { preset: 'active-participant' },
});

await call.stopLiveStreaming({
  instanceId: 'YOUR_UUID',
});

import { useRecording, useLiveStreaming } from '@daily-co/daily-react';

// instanceId must be a valid UUID
const PORTRAIT_INSTANCE = 'a1b2c3d4-5678-9abc-def0-1234567890ab';
const MOBILE_INSTANCE = 'c3d4e5f6-789a-bcde-f012-3456789abcde';

// State for a specific recording instance
const portraitRecording = useRecording({
  instanceId: PORTRAIT_INSTANCE,
});

// State for a specific live streaming instance
const mobileStream = useLiveStreaming({
  instanceId: MOBILE_INSTANCE,
});

const { isRecording } = useRecording({
  instanceId: PORTRAIT_INSTANCE,
  onRecordingStarted: (ev) => {
    // Only fires when this instance starts
    console.log('Portrait recording started');
  },
});

const { isRecording } = useRecording();
// true if ANY recording instance is active

import {
  useRecordingInstances,
  useLiveStreamingInstances,
} from '@daily-co/daily-react';

const recordingInstances = useRecordingInstances();
const streamingInstances = useLiveStreamingInstances();

// Each instance has its own state (isRecording, layout, instanceId, etc.)
recordingInstances.forEach((instance) => {
  console.log(`${instance.instanceId}: ${instance.isRecording}`);
});