beIN MAX

import React, { useState, useEffect } from 'react'; import { Play, Users, Wifi, Circle } from 'lucide-react'; const AfconLivePlayer = () => { const [selectedChannel, setSelectedChannel] = useState(0); const [viewers, setViewers] = useState({}); const [isLive, setIsLive] = useState(true); const channels = [ { id: 1, name: 'beIN MAX 1', language: 'العربية', color: 'from-purple-600 to-blue-600', baseViewers: 245000 }, { id: 2, name: 'beIN MAX 2', language: 'العربية', color: 'from-blue-600 to-cyan-600', baseViewers: 189000 }, { id: 3, name: 'beIN MAX 3', language: 'English', color: 'from-cyan-600 to-teal-600', baseViewers: 156000 }, { id: 4, name: 'beIN MAX 4', language: 'Français', color: 'from-teal-600 to-green-600', baseViewers: 124000 } ]; const currentMatch = { home: 'الجزائر', away: 'السودان', homeFlag: '🇩🇿', awayFlag: '🇸🇩', score: '3 - 0', time: '72:15', status: 'الشوط الثاني' }; // تحديث عدد المشاهدين بشكل ديناميكي useEffect(() => { const initialViewers = {}; channels.forEach(channel => { initialViewers[channel.id] = channel.baseViewers + Math.floor(Math.random() * 10000); }); setViewers(initialViewers); const interval = setInterval(() => { setViewers(prev => { const updated = { ...prev }; channels.forEach(channel => { const change = Math.floor(Math.random() * 2000) - 1000; updated[channel.id] = Math.max(50000, (prev[channel.id] || channel.baseViewers) + change); }); return updated; }); }, 3000); return () => clearInterval(interval); }, []); const formatViewers = (num) => { if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'; if (num >= 1000) return (num / 1000).toFixed(0) + 'K'; return num.toString(); }; return (

{/* Header */}

كأس أمم إفريقيا

المغرب 2025

{/* Video Player */}

{/* Live Indicator */}

مباشر

{/* Viewers Count */}

{formatViewers(viewers[channels[selectedChannel].id] || 0)}

{/* Match Score Overlay */}

{currentMatch.homeFlag}

{currentMatch.home}

{currentMatch.score}

{currentMatch.time}

{currentMatch.awayFlag}

{currentMatch.away}

{/* Play Button */}

{channels[selectedChannel].name}

{channels[selectedChannel].language}

{/* Match Status Bar */}

{currentMatch.status}

جودة عالية HD

{/* Channel Selector */}

{channels.map((channel, index) => ( ))}

{/* Footer Info */}

البث الحصري والرسمي للمنطقة العربية

جميع المباريات بجودة عالية مع تعليق باللغات المختلفة

); }; export default AfconLivePlayer;