gatteo/react-jitsi

🚀 react-jitsi: Nhúng Jitsi Meet vào React chỉ với một component

Thư viện React không chính thức, viết bằng TypeScript, bọc trọn Jitsi Meet JS API — cấu hình nhanh, dùng ngay.

react-jitsi là một component React được viết bằng TypeScript nhằm đơn giản hóa quá trình tích hợp Jitsi Meet vào các ứng dụng React. Thay vì phải tự cấu hình iframe, domain hay API của Jitsi, bạn chỉ cần thêm <Jitsi /> và một vài props để khởi tạo cuộc họp video ngay.

✨ Điểm nổi bật

• Cài đặt nhanh: npm install react-jitsi --save và dùng ngay trong dự án React.
• Cấu hình linh hoạt: hỗ trợ props như roomName, displayName, password, domain, jwt.
• Tùy chỉnh giao diện: dùng containerStyle, frameStyle hoặc CSS để thay đổi kích thước và bố cục.
• Cấu hình phòng họp nâng cao: truyền config và interfaceConfig để tù chỉnh âm thanh, video, giao diện.
• Hỗ trợ callback: onAPILoad, onIframeLoad để bắt sự kiện khi API hoặc iframe sẵn sàng.
• Hiển thị loading: tùy chỉnh component hiển thị trong lúc chờ cuộc họp khởi động bằng loadingComponent.
• Hỗ trợ HTTP/HTTPS: dùng prop noSSL để chọn giao thức kết nối với máy chủ.

💡 Vì sao đáng chú ý

Thay vì phải thủ công nhúng iframe Jitsi Meet và quản lý API, react-jitsi cung cấp một lớp trừu tượng sạch sẽ, an toàn kiểu TypeScript. Phù hợp cho các ứng dụng cần tích hợp nhanh tính năng video conferencing mà không muốn xây dựng hệ thống signaling hay quản lý room từ đầu.

---

#React #TypeScript #JitsiMeet #VideoConferencing #OpenSource #TiniX