Update main.py

main.py

@@ -3,115 +3,170 @@ import time
 import subprocess
 import threading
 import requests
-from datetime import datetime
+from datetime import datetime, timedelta
 from flask import Flask, jsonify
 
 # ==========================================
-# الإعدادات الأساسية
+# الإعدادات
 # ==========================================
-TARGET_DATE = datetime(2026, 2, 19, 0, 0, 0) # موعد رمضان المتوقع
 STREAM_KEY = os.environ.get("STREAM_KEY")
 STREAM_URL = "rtmp://a.rtmp.youtube.com/live2/"
-BG_IMAGE = "https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=1920&auto=format&fit=crop"
+# صور خلفية مختلفة لكل حالة (يمكنك تغيير الروابط)
+BG_COUNTDOWN = "https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=1920&auto=format&fit=crop" # خلفية العداد
+BG_RAMADAN = "https://images.unsplash.com/photo-1542642832-d967f7a08151?q=80&w=1920&auto=format&fit=crop"   # خلفية رمضان
+BG_EID = "https://images.unsplash.com/photo-1519810755548-39213856a6a3?q=80&w=1920&auto=format&fit=crop"       # خلفية العيد
 
 app = Flask(__name__)
 
-# دالة لجلب البيانات من الـ API أو الحساب المحلي
-def get_detailed_data():
-    now = datetime.now()
-    hijri_date = ""
-    try:
-        # جلب التاريخ الهجري من API (توقيت مكة)
-        res = requests.get("http://api.aladhan.com/v1/timingsByCity?city=Mecca&country=SA", timeout=5)
-        if res.status_code == 200:
-            hijri_date = res.json()['data']['date']['hijri']['date']
-    except:
-        hijri_date = "جاري التحديث..."
+# متغيرات عالمية لتخزين الحالة
+current_status = "loading" # counting, ramadan, eid
+target_date = None
+hijri_date_str = "--/--/----"
+last_api_update = 0
 
-    diff = TARGET_DATE - now
-    if diff.total_seconds() <= 0:
-        return {"status": "finished", "msg": "جاء رمضان.. مبارك عليكم الشهر", "hijri": hijri_date}
-    
-    days = diff.days
-    hours, rem = divmod(diff.seconds, 3600)
-    minutes, seconds = divmod(rem, 60)
+def update_timing_data():
+    """
+    دالة ذكية تحدد الحالة (عداد/رمضان/عيد) وتحسب التواريخ بناء على API
+    """
+    global target_date, current_status, hijri_date_str, last_api_update
     
-    return {
-        "status": "counting",
-        "days": f"{days:02}",
-        "hours": f"{hours:02}",
-        "minutes": f"{minutes:02}",
-        "seconds": f"{seconds:02}",
-        "hijri": hijri_date
-    }
+    # تحديث البيانات من الـ API كل ساعة لضمان عدم الضغط عليه
+    if time.time() - last_api_update < 3600 and target_date:
+        return
+
+    try:
+        # 1. جلب التاريخ الهجري الحالي
+        response = requests.get("http://api.aladhan.com/v1/timingsByCity?city=Mecca&country=SA")
+        data = response.json()['data']
+        hijri = data['date']['hijri']
+        
+        h_day = int(hijri['day'])
+        h_month = int(hijri['month']['number'])
+        h_year = int(hijri['year'])
+        hijri_date_str = hijri['date']
+        
+        # 2. تحديد الحالة وموعد رمضان القادم
+        # شهر 9 = رمضان، شهر 10 = شوال (العيد)
+        
+        if h_month == 9:
+            current_status = "ramadan"
+            target_date = None # لا يوجد عداد أثناء الشهر
+            
+        elif h_month == 10 and h_day <= 3:
+            current_status = "eid" # عيد الفطر (أول 3 أيام من شوال)
+            target_date = None
+            
+        else:
+            current_status = "counting"
+            # حساب موعد 1 رمضان القادم
+            # إذا كنا قبل رمضان في نفس السنة (شهر 1-8)
+            if h_month < 9:
+                target_h_year = h_year
+            else:
+                # إذا تجاوزنا رمضان (شهر 10-12)، نحسب للسنة القادمة
+                target_h_year = h_year + 1
+            
+            # تحويل 1-9-YEAR إلى ميلادي
+            conv_req = requests.get(f"http://api.aladhan.com/v1/hToG?date=01-09-{target_h_year}")
+            g_data = conv_req.json()['data']['gregorian']
+            
+            # إنشاء كائن datetime للموعد
+            target_str = g_data['date'] # Format: DD-MM-YYYY
+            target_date = datetime.strptime(target_str, "%d-%m-%Y")
+            
+        last_api_update = time.time()
+        print(f"Updated State: {current_status} | Target: {target_date} | Hijri: {hijri_date_str}")
+        
+    except Exception as e:
+        print(f"API Error: {e}")
+        # في حال الفشل نستخدم احتياطي يدوي (اختياري)
+        if not target_date: 
+            target_date = datetime(2026, 2, 18) # تاريخ تقريبي للطوارئ
 
 @app.route('/time_data')
 def time_data():
-    return jsonify(get_detailed_data())
+    update_timing_data() # تأكد من أن البيانات محدثة
+    
+    data = {
+        "status": current_status,
+        "hijri": hijri_date_str,
+        "days": "00", "hours": "00", "minutes": "00", "seconds": "00"
+    }
+    
+    if current_status == "counting" and target_date:
+        now = datetime.now()
+        diff = target_date - now
+        if diff.total_seconds() > 0:
+            days = diff.days
+            hours, rem = divmod(diff.seconds, 3600)
+            minutes, seconds = divmod(rem, 60)
+            data.update({
+                "days": f"{days:02}",
+                "hours": f"{hours:02}",
+                "minutes": f"{minutes:02}",
+                "seconds": f"{seconds:02}"
+            })
+            
+    return jsonify(data)
 
 @app.route('/')
 def home():
-    # كود الـ HTML مفصل تماماً عن الـ f-string لتجنب أخطاء Syntax
-    html_content = """
+    # صفحة الويب مع النقطتين والصوت (محاكاة فقط في المتصفح)
+    return """
     <!DOCTYPE html>
     <html lang="ar" dir="rtl">
     <head>
         <meta charset="UTF-8">
-        <title>بث مباشر | رمضان 2026</title>
+        <title>عداد رمضان الذكي</title>
         <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;900&display=swap" rel="stylesheet">
         <style>
-            body { background-color: #0f0f0f; color: white; font-family: 'Cairo', sans-serif; margin: 0; overflow: hidden; }
-            .video-player { 
-                position: relative; width: 100vw; height: 100vh; 
-                background: url('""" + BG_IMAGE + """') no-repeat center center; 
-                background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; 
-            }
-            .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
-            .content { z-index: 10; text-align: center; width: 100%; }
-            .hijri-badge { background: #4CAF50; padding: 5px 20px; border-radius: 50px; font-size: 20px; margin-bottom: 20px; display: inline-block; }
-            .title { font-size: 40px; margin-bottom: 30px; text-shadow: 2px 2px 10px rgba(0,0,0,0.8); }
-            .countdown { display: flex; gap: 15px; justify-content: center; direction: ltr; }
-            .card { 
-                background: linear-gradient(180deg, #4CAF50, #2E7D32); 
-                width: 110px; height: 140px; border-radius: 15px; 
-                font-size: 70px; font-weight: 900; display: flex; 
-                justify-content: center; align-items: center; 
-                box-shadow: 0 8px 15px rgba(0,0,0,0.5);
-            }
-            .label { margin-top: 8px; font-size: 18px; color: #4CAF50; font-weight: bold; }
-            #celebration { display: none; font-size: 60px; color: #FFD700; animation: pulse 2s infinite; }
-            @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
+            body { background: #0f0f0f; color: white; font-family: 'Cairo'; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; }
+            .bg { position: absolute; top:0; left:0; width:100%; height:100%; background: url('""" + BG_COUNTDOWN + """') center/cover; opacity: 0.4; z-index: -1; }
+            .title { font-size: 3vw; margin-bottom: 20px; text-shadow: 0 2px 10px black; }
+            .countdown { display: flex; align-items: center; gap: 10px; direction: ltr; }
+            .unit-group { text-align: center; }
+            .card { background: linear-gradient(180deg, #4CAF50, #2E7D32); width: 8vw; height: 10vw; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 5vw; font-weight: bold; box-shadow: 0 5px 15px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); }
+            .colon { font-size: 5vw; font-weight: bold; color: #4CAF50; animation: blink 1s infinite; margin-top: -30px; }
+            .label { font-size: 1.2vw; color: #81C784; margin-top: 5px; }
+            .status-msg { font-size: 5vw; color: #FFD700; display: none; text-shadow: 0 0 20px rgba(255,215,0,0.5); }
+            @keyframes blink { 50% { opacity: 0; } }
         </style>
     </head>
     <body>
-        <div class="video-player">
-            <div class="overlay"></div>
-            <div class="content">
-                <div class="hijri-badge" id="hijri-top">--/--/----</div>
-                <div id="main-ui">
-                    <div class="title">الوقت المتبقي على شهر رمضان 2026</div>
-                    <div class="countdown">
-                        <div class="unit"><div class="card" id="days">00</div><div class="label">أيام</div></div>
-                        <div class="unit"><div class="card" id="hours">00</div><div class="label">ساعة</div></div>
-                        <div class="unit"><div class="card" id="minutes">00</div><div class="label">دقيقة</div></div>
-                        <div class="unit"><div class="card" id="seconds">00</div><div class="label">ثانية</div></div>
-                    </div>
-                </div>
-                <div id="celebration">قد جاء رمضان.. مبارك عليكم الشهر</div>
+        <div class="bg"></div>
+        <div id="hijri" style="position: absolute; top: 20px; right: 20px; font-size: 1.5vw; background: rgba(0,0,0,0.5); padding: 5px 15px; border-radius: 20px;">--/--/----</div>
+        
+        <div id="counter-ui">
+            <div class="title">الوقت المتبقي على رمضان</div>
+            <div class="countdown">
+                <div class="unit-group"><div class="card" id="d">00</div><div class="label">أيام</div></div>
+                <div class="colon">:</div>
+                <div class="unit-group"><div class="card" id="h">00</div><div class="label">ساعات</div></div>
+                <div class="colon">:</div>
+                <div class="unit-group"><div class="card" id="m">00</div><div class="label">دقائق</div></div>
+                <div class="colon">:</div>
+                <div class="unit-group"><div class="card" id="s">00</div><div class="label">ثواني</div></div>
             </div>
         </div>
+        
+        <div id="status-ui" class="status-msg"></div>
+
         <script>
             function update() {
-                fetch('/time_data').then(res => res.json()).then(data => {
-                    document.getElementById('hijri-top').innerText = data.hijri;
-                    if(data.status === 'finished') {
-                        document.getElementById('main-ui').style.display = 'none';
-                        document.getElementById('celebration').style.display = 'block';
+                fetch('/time_data').then(r => r.json()).then(d => {
+                    document.getElementById('hijri').innerText = d.hijri;
+                    
+                    if(d.status !== 'counting') {
+                        document.getElementById('counter-ui').style.display = 'none';
+                        let msg = document.getElementById('status-ui');
+                        msg.style.display = 'block';
+                        msg.innerText = (d.status === 'ramadan') ? 'رمضان مبارك' : 'عيد مبارك';
                     } else {
-                        document.getElementById('days').innerText = data.days;
-                        document.getElementById('hours').innerText = data.hours;
-                        document.getElementById('minutes').innerText = data.minutes;
-                        document.getElementById('seconds').innerText = data.seconds;
+                        document.getElementById('counter-ui').style.display = 'block';
+                        document.getElementById('d').innerText = d.days;
+                        document.getElementById('h').innerText = d.hours;
+                        document.getElementById('m').innerText = d.minutes;
+                        document.getElementById('s').innerText = d.seconds;
                     }
                 });
             }
@@ -121,48 +176,76 @@ def home():
     </body>
     </html>
     """
-    return html_content
 
 def start_stream():
-    if not STREAM_KEY: 
-        print("Error: STREAM_KEY not found.")
+    if not STREAM_KEY:
+        print("Error: STREAM_KEY is missing")
         return
 
     while True:
-        data = get_detailed_data()
-        target_ts = int(TARGET_DATE.timestamp())
+        # تحديث الحالة قبل كل دورة بث
+        update_timing_data()
         
-        # إعداد النص ليوتيوب (بما أن FFmpeg لا يدعم العربية بسهولة، نستخدم الإنجليزية أو أرقام واضحة)
-        if data['status'] == 'finished':
-            display_text = "RAMADAN KAREEM - MUBARAK"
-            box_color = "0xD4AF37" # ذهبي للعيد/رمضان
-        else:
-            # تنسيق العداد: أيام : ساعات : دقائق : ثواني
-            display_text = f" %{{pts\\:localtime\\:{target_ts}\\:%d}}d : %{{H}}h : %{{M}}m : %{{S}}s "
-            box_color = "0x4CAF50" # أخضر للانتظار
+        # إعداد متغيرات البث
+        target_ts = int(target_date.timestamp()) if target_date else 0
+        
+        # 1. إعداد الصوت (صوت تكتكة الساعة)
+        # نستخدم aevalsrc لإنشاء نبضة صوتية كل ثانية (sin wave قصيرة)
+        audio_filter = "aevalsrc='sin(2*PI*t*1000)*exp(-10*mod(t,1))':s=44100"
 
-        ffmpeg_cmd = [
-            'ffmpeg', '-re', '-loop', '1', '-i', BG_IMAGE,
-            '-f', 'lavfi', '-i', 'anullsrc',
-            '-vf', (
+        # 2. إعداد الصورة والنصوص
+        if current_status == "ramadan":
+            bg_image = BG_RAMADAN
+            # لا حاجة للعداد، نعرض رسالة فقط
+            # بما أن FFmpeg لا يدعم العربية المعقدة بسهولة، نستخدم صورة جاهزة أو نص إنجليزي مزخرف كبديل آمن
+            # أو نحاول كتابة العربي المقطع ونأمل أن يدعمه السيرفر
+            vf_filter = (
+                f"scale=1280:720,setsar=1,"
+                f"drawtext=text='Ramadan Mubarak':x=(w-text_w)/2:y=(h-text_h)/2:fontsize=90:fontcolor=gold:shadowcolor=black:shadowx=5:shadowy=5"
+            )
+            
+        elif current_status == "eid":
+            bg_image = BG_EID
+            vf_filter = (
                 f"scale=1280:720,setsar=1,"
-                f"drawbox=y=ih/2-80:color=black@0.6:width=iw:height=200:t=fill," # خلفية العداد
-                f"drawtext=text='{data['hijri']}':x=50:y=50:fontsize=30:fontcolor=white:box=1:boxcolor=0x4CAF50@0.8," # التاريخ الهجري
-                f"drawtext=text='RAMADAN 2026 COUNTDOWN':x=(w-text_w)/2:y=230:fontsize=40:fontcolor=white,"
-                f"drawtext=text='{display_text}':x=(w-text_w)/2:y=(h-text_h)/2+50:fontsize=90:fontcolor=white:box=1:boxcolor={box_color}@1:boxborderw=25"
-            ),
-            '-vcodec', 'libx264', '-preset', 'veryfast', '-b:v', '3000k', '-maxrate', '3000k', '-bufsize', '6000k',
-            '-pix_fmt', 'yuv420p', '-g', '60', '-f', 'flv', f"{STREAM_URL}{STREAM_KEY}"
+                f"drawtext=text='Eid Mubarak':x=(w-text_w)/2:y=(h-text_h)/2:fontsize=90:fontcolor=#E040FB:shadowcolor=black:shadowx=5:shadowy=5"
+            )
+            
+        else: # Counting
+            bg_image = BG_COUNTDOWN
+            # تنسيق العداد مع النقطتين
+            # نستخدم %{pts} لعرض الوقت المحلي ولكن FFmpeg لا يدعم العد التنازلي للتاريخ مباشرة بسهولة
+            # الحل: نستخدم صيغة خاصة لحساب الفرق أو نرسل النص جاهزاً (صعب في البث المستمر)
+            # الأفضل هنا: استخدام سكريبت بايثون لتوليد الصورة، لكن للتبسيط سنستخدم ميزة الـ drawtext المتطورة:
+            vf_filter = (
+                f"scale=1280:720,setsar=1,"
+                f"drawbox=y=ih/2-100:color=black@0.6:width=iw:height=200:t=fill,"
+                f"drawtext=text='{hijri_date_str}':x=50:y=50:fontsize=30:fontcolor=white:box=1:boxcolor=0x4CAF50@0.8,"
+                f"drawtext=text='Ramadan Countdown':x=(w-text_w)/2:y=200:fontsize=40:fontcolor=white,"
+                # العداد مع النقطتين (:). لاحظ المسافات والنقطتين بين الوحدات
+                f"drawtext=text=' %{{pts\\:localtime\\:{target_ts}\\:%d}} : %{{pts\\:localtime\\:{target_ts}\\:%H}} : %{{pts\\:localtime\\:{target_ts}\\:%M}} : %{{pts\\:localtime\\:{target_ts}\\:%S}} ':"
+                f"x=(w-text_w)/2:y=(h-text_h)/2+20:fontsize=80:fontcolor=white:box=1:boxcolor=0x4CAF50@0.9:boxborderw=20"
+            )
+
+        # أمر FFmpeg
+        ffmpeg_cmd = [
+            'ffmpeg', '-re', 
+            '-loop', '1', '-i', bg_image,          # مدخل الفيديو (الصورة)
+            '-f', 'lavfi', '-i', audio_filter,     # مدخل الصوت (التكتكة)
+            '-vf', vf_filter,                      # فلاتر الفيديو (النصوص)
+            '-c:v', 'libx264', '-preset', 'veryfast', '-b:v', '3000k',
+            '-c:a', 'aac', '-b:a', '128k',         # ترميز الصوت
+            '-g', '60', '-f', 'flv', 
+            f"{STREAM_URL}{STREAM_KEY}"
         ]
-        
+
         try:
+            print(f"Starting Stream Mode: {current_status}")
             subprocess.run(ffmpeg_cmd, check=True)
         except Exception as e:
-            print(f"Stream error: {e}")
+            print(f"Stream interrupted: {e}")
             time.sleep(5)
 
 if __name__ == "__main__":
-    # تشغيل سيرفر الويب في خلفية مستقلة
     threading.Thread(target=lambda: app.run(host='0.0.0.0', port=7860, debug=False, use_reloader=False), daemon=True).start()
-    # بدء البث المباشر
     start_stream()