Spaces:

Alide21
/

YOUTUBELIVE

Sleeping

App Files Files Community

Alide21 commited on Feb 4

Commit

d15b9ea

verified ·

1 Parent(s): 252857c

Update main.py

Browse files

Files changed (1) hide show

main.py +75 -55

main.py CHANGED Viewed

@@ -6,13 +6,11 @@ from flask import Flask
 import threading
 # ==========================================
-# الإعدادات الأساسية (عدل هنا فقط)
 # ==========================================
 TARGET_DATE = datetime(2026, 2, 20, 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-1542642832-d967f7a08151?q=80&w=1920&auto=format&fit=crop"
 # ==========================================
@@ -20,83 +18,105 @@ app = Flask(__name__)
 @app.route('/')
 def home():
-    # واجهة الـ App (التي تراها أنت في Hugging Face)
     return f"""
     <!DOCTYPE html>
     <html lang="ar" dir="rtl">
     <head>
         <meta charset="UTF-8">
         <meta http-equiv="refresh" content="1">
-        <title>لوحة التحكم | عداد رمضان</title>
         <style>
-            body {{ background: #0f0f0f; color: white; font-family: 'Arial'; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; }}
-            .card {{ background: #1e1e1e; padding: 40px; border-radius: 30px; border: 2px solid #4CAF50; box-shadow: 0 0 50px rgba(76, 175, 80, 0.2); text-align: center; }}
-            .title {{ font-size: 2.5rem; margin-bottom: 20px; color: #4CAF50; }}
-            .timer {{ display: flex; gap: 15px; }}
-            .box {{ background: #2e2e2e; padding: 20px; border-radius: 15px; min-width: 100px; }}
-            .num {{ font-size: 3.5rem; font-weight: bold; display: block; }}
-            .lab {{ font-size: 1rem; color: #888; }}
         </style>
     </head>
     <body>
-        <div class="card">
-            <div class="title">بث عداد رمضان 2026</div>
-            <div class="timer">{generate_timer_html()}</div>
-            <p style="margin-top:20px; color:#666;">البث شغال الآن على يوتيوب</p>
         </div>
     </body>
     </html>
     """
-def generate_timer_html():
-    diff = TARGET_DATE - datetime.now()
-    if diff.total_seconds() <= 0: return "<h1>رمضان مبارك!</h1>"
-    days = diff.days
-    hours, rem = divmod(diff.seconds, 3600)
-    minutes, seconds = divmod(rem, 60)
-    html = ""
-    for val, label in [(days, "أيام"), (hours, "ساعات"), (minutes, "دقائق"), (seconds, "ثواني")]:
-        html += f'<div class="box"><span class="num">{val:02}</span><span class="lab">{label}</span></div>'
-    return html
 def start_stream():
-    if not STREAM_KEY:
-        print("Error: STREAM_KEY is missing!")
-        return
-    # تحويل التاريخ إلى صيغة يفهمها FFmpeg للعد التنازلي
     target_ts = int(TARGET_DATE.timestamp())
-    # أمر FFmpeg الاحترافي:
-    # 1. يستخدم صورة خلفية (BG_IMAGE)
-    # 2. يضيف نص "رمضان 2026" بخط كبير
-    # 3. يضيف العداد التنازلي الحي
     ffmpeg_cmd = [
-        'ffmpeg',
-        '-re',
-        '-loop', '1', '-i', BG_IMAGE, # تكرار الخلفية
-        '-f', 'lavfi', '-i', 'anullsrc', # صوت صامت (ضروري لليوتيوب)
         '-vf', (
-            f"scale=1280:720," # ضبط الدقة
-            f"drawtext=text='رمضان 2026':x=(w-text_w)/2:y=200:fontsize=80:fontcolor=white:shadowcolor=black:shadowx=5:shadowy=5," # العنوان
-            f"drawtext=text='%{{pts\\:localtime\\:{target_ts}\\:%d يوم  %H\\:%M\\:%S}}':" # العداد
             f"x=(w-text_w)/2:y=350:fontsize=110:fontcolor=yellow:shadowcolor=black:shadowx=7:shadowy=7"
         ),
-        '-vcodec', 'libx264', '-preset', 'veryfast', '-maxrate', '3000k', '-bufsize', '6000k',
-        '-pix_fmt', 'yuv420p', '-g', '60', '-c:a', 'aac', '-f', 'flv',
         f"{STREAM_URL}{STREAM_KEY}"
     ]
     subprocess.run(ffmpeg_cmd)
 if __name__ == "__main__":
-    # تشغيل واجهة المراقبة
     threading.Thread(target=lambda: app.run(host='0.0.0.0', port=7860), daemon=True).start()
-    print("🚀 البث الاحترافي بدأ...")
     while True:
-        try:
-            start_stream()
-        except Exception as e:
-            print(f"حدث خطأ: {e}")
-            time.sleep(10)

 import threading
 # ==========================================
+# الإعدادات
 # ==========================================
 TARGET_DATE = datetime(2026, 2, 20, 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-1542642832-d967f7a08151?q=80&w=1920&auto=format&fit=crop"
 # ==========================================
 @app.route('/')
 def home():
+    diff = TARGET_DATE - datetime.now()
+    days = diff.days
+    hours, rem = divmod(diff.seconds, 3600)
+    minutes, seconds = divmod(rem, 60)
+    time_str = f"{days} يوم و {hours:02}:{minutes:02}:{seconds:02}"
+    # تصميم محاكاة يوتيوب (Mockup)
     return f"""
     <!DOCTYPE html>
     <html lang="ar" dir="rtl">
     <head>
         <meta charset="UTF-8">
         <meta http-equiv="refresh" content="1">
+        <title>يوتيوب - بث مباشر</title>
         <style>
+            body {{ background-color: #0f0f0f; color: white; font-family: Roboto, Arial, sans-serif; margin: 0; padding: 20px; display: flex; justify-content: center; }}
+            .youtube-container {{ width: 90%; max-width: 1200px; display: grid; grid-template-columns: 3fr 1fr; gap: 20px; }}
+            /* شاشة الفيديو */
+            .video-player {{ background: url('{BG_IMAGE}') no-repeat center; background-size: cover; aspect-ratio: 16/9; border-radius: 12px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #333; }}
+            .video-overlay {{ position: absolute; background: rgba(0,0,0,0.4); width: 100%; height: 100%; border-radius: 12px; }}
+            .counter-text {{ z-index: 1; text-align: center; text-shadow: 2px 2px 10px rgba(0,0,0,0.8); }}
+            .counter-text h1 {{ font-size: 3.5vw; color: white; margin: 0; }}
+            .counter-text p {{ font-size: 5vw; color: #ffeb3b; margin: 10px 0; font-weight: bold; }}
+            /* تفاصيل القناة */
+            .video-info {{ margin-top: 15px; }}
+            .video-title {{ font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; }}
+            .channel-row {{ display: flex; align-items: center; justify-content: space-between; }}
+            .channel-meta {{ display: flex; align-items: center; gap: 10px; }}
+            .channel-icon {{ width: 40px; height: 40px; background: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }}
+            .subscribe-btn {{ background: white; color: black; padding: 8px 16px; border-radius: 20px; font-weight: bold; cursor: pointer; }}
+            /* الشات الجانبي */
+            .live-chat {{ background: #1a1a1a; border: 1px solid #333; border-radius: 12px; height: 500px; display: flex; flex-direction: column; }}
+            .chat-header {{ padding: 15px; border-bottom: 1px solid #333; font-weight: bold; }}
+            .chat-messages {{ flex: 1; padding: 10px; font-size: 0.9rem; color: #aaa; overflow: hidden; }}
+            .chat-input {{ padding: 10px; border-top: 1px solid #333; color: #666; font-size: 0.8rem; }}
         </style>
     </head>
     <body>
+        <div class="youtube-container">
+            <div class="main-content">
+                <div class="video-player">
+                    <div class="video-overlay"></div>
+                    <div class="counter-text">
+                        <h1>رمضان 2026</h1>
+                        <p>{time_str}</p>
+                    </div>
+                </div>
+                <div class="video-info">
+                    <div class="video-title">بث مباشر: العد التنازلي لرمضان 2026 🌙 كم باقي؟</div>
+                    <div class="channel-row">
+                        <div class="channel-meta">
+                            <div class="channel-icon">ص</div>
+                            <div>
+                                <div style="font-weight: bold;">من كل صوب</div>
+                                <div style="font-size: 0.8rem; color: #aaa;">1.2M مشترك</div>
+                            </div>
+                        </div>
+                        <div class="subscribe-btn">اشتراك</div>
+                    </div>
+                </div>
+            </div>
+            <div class="live-chat">
+                <div class="chat-header">المحادثة المباشرة</div>
+                <div class="chat-messages">
+                    <p><b>أحمد:</b> اللهم بلغنا رمضان</p>
+                    <p><b>سارة:</b> ما شاء الله التصميم جميل</p>
+                    <p><b>مستخدم:</b> الله يبارك فيكم</p>
+                    <p style="color: #4CAF50;"><b>نظام:</b> أهلاً بك في البث المباشر!</p>
+                </div>
+                <div class="chat-input">إرسال رسالة...</div>
+            </div>
         </div>
     </body>
     </html>
     """
 def start_stream():
+    if not STREAM_KEY: return
     target_ts = int(TARGET_DATE.timestamp())
     ffmpeg_cmd = [
+        'ffmpeg', '-re', '-loop', '1', '-i', BG_IMAGE,
+        '-f', 'lavfi', '-i', 'anullsrc',
         '-vf', (
+            f"scale=1280:720,"
+            f"drawtext=text='رمضان 2026':x=(w-text_w)/2:y=200:fontsize=80:fontcolor=white:shadowcolor=black:shadowx=5:shadowy=5,"
+            f"drawtext=text='%{{pts\\:localtime\\:{target_ts}\\:%d يوم  %H\\:%M\\:%S}}':"
             f"x=(w-text_w)/2:y=350:fontsize=110:fontcolor=yellow:shadowcolor=black:shadowx=7:shadowy=7"
         ),
+        '-vcodec', 'libx264', '-preset', 'veryfast', '-b:v', '2500k', '-pix_fmt', 'yuv420p', '-f', 'flv',
         f"{STREAM_URL}{STREAM_KEY}"
     ]
     subprocess.run(ffmpeg_cmd)
 if __name__ == "__main__":
     threading.Thread(target=lambda: app.run(host='0.0.0.0', port=7860), daemon=True).start()
     while True:
+        try: start_stream()
+        except: time.sleep(10)