La visioconférence en ligne,
simple et sécurisée.

// VisioConnect — LiveKit WebRTC Engine
import { useState, useEffect } from 'react';
import { LiveKitRoom } from '@livekit/react';

export function MeetingRoom({ token, serverUrl }) {
  const [participants, setParticipants] = useState([]);
  const [quality, setQuality] = useState('4K');
  const [latency, setLatency] = useState(42);

  useEffect(() => {
    const room = new Room();
    room.connect(serverUrl, token);

    room.on('participantConnected', (p) => {
      setParticipants(prev => [...prev, p]);
      setLatency(room.engine.currentRTT);
    });

    return () => room.disconnect();
  }, [token]);

  const handleScreenShare = async () => {
    const stream = await navigator.mediaDevices\n      .getDisplayMedia({ video: { width: 3840, height: 2160 } });
    await room.localParticipant\n      .publishTrack(stream.getTracks()[0]);
  };

  return (
    <div className="meeting-grid">
      {participants.map(p => (
        <VideoTile
          key={p.sid}
          participant={p}
          quality={quality}
          latency={latency} />
      ))}
    </div>
  );
}

// End-to-end encryption layer
function E2EEncryption(room) {
  const worker = new Worker('./e2ee-worker.js');
  room.setE2EEEnabled(true, worker);
}