+ {/* Video Element */}
+
+
+ {/* Status Overlay */}
+ {status !== 'connected' && (
+
+
+ {status === 'connecting' && (
+
+
+
+ )}
+ {status === 'disconnected' && (
+
+ )}
+ {status === 'error' && (
+
+ )}
+
{status}
+ {(status === 'disconnected' || status === 'error') && (
+
+ )}
+
+
+ )}
+
+ {/* Controls Overlay */}
+ {showControls && status === 'connected' && (
+
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Live indicator */}
+ {status === 'connected' && (
+
+ )}
+
+ );
+}
+
+/**
+ * Fallback MSE player for browsers without WebRTC support
+ */
+export function VideoPlayerMSE({
+ streamKey,
+ className,
+ showControls = true
+}: Omit