شخص يلفظ انفاسة الأخيرة متأثر بجراحه تحت عجلات القطار بالسباعية بإدفو

صدى مصريونيو 20, 2025
160 أقل من دقيقة
جدول المحتويات
شخص يلفظ انفاسة الأخيرة متأثر بجراحه تحت عجلات القطار بالسباعية بإدفو

كتب خالد شاطر

لقى شخص مصرعه تحت عجلات القطار قبل صلاة الجمعه بالسباعية بأدفو وتم استدعاء سيارة الإسعاف لنقل المتوفى إلى مشرحة المستشفى .
وتم تشكيل فريق امنى لكشف ملابسات الحادث والوقوف على اخر المستجدات وتم اتخاذ الإجراءات القانونية الازمة.
الوسوم
صدى مصريونيو 20, 2025
160 أقل من دقيقة
صدى مصر

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>مشغل راديو مباشر</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: transparent; /* شفاف ليتناسب مع خلفية الووردبريس */
            font-family: system-ui, 'Segoe UI', 'Tahoma', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 20px;
        }

        /* حاوية المشغل - مظهر بسيط أنيق */
        .radio-card {
            max-width: 500px;
            width: 100%;
            background: #ffffff;
            border-radius: 28px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
            padding: 1.5rem 1.8rem;
            transition: all 0.2s ease;
            border: 1px solid #eef2f6;
        }

        /* عنوان بسيط */
        .radio-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 1.2rem;
            border-bottom: 2px solid #f0f2f5;
            padding-bottom: 0.75rem;
        }

        .radio-icon {
            font-size: 1.8rem;
            line-height: 1;
        }

        .radio-title h3 {
            font-size: 1.35rem;
            font-weight: 500;
            color: #1e293b;
            letter-spacing: -0.2px;
        }

        .radio-title p {
            font-size: 0.75rem;
            color: #5b6e8c;
            margin-top: 4px;
        }

        /* منطقة التحكم (شريط التشغيل) */
        .player-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 15px;
            margin: 1rem 0 0.8rem;
        }

        /* زر التشغيل/الإيقاف - دائري عصري */
        .play-btn {
            background: #1e2b3c;
            border: none;
            width: 62px;
            height: 62px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
            flex-shrink: 0;
        }

        .play-btn:hover {
            background: #0f1a24;
            transform: scale(0.96);
        }

        .play-btn svg {
            width: 28px;
            height: 28px;
            fill: white;
            transition: 0.1s;
        }

        /* حالة التشغيل */
        .status-badge {
            background: #f8fafc;
            padding: 8px 14px;
            border-radius: 100px;
            font-size: 0.8rem;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #1e293b;
            border: 1px solid #e2e8f0;
        }

        .status-dot {
            width: 10px;
            height: 10px;
            background-color: #22c55e;
            border-radius: 50%;
            display: inline-block;
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% { opacity: 0.4; transform: scale(0.8);}
            100% { opacity: 1; transform: scale(1.2);}
        }

        /* شريط التقدم (مؤقت بسيط ولكنه عملي) */
        .progress-area {
            margin: 1rem 0 0.5rem;
        }

        .time-slider {
            width: 100%;
            height: 4px;
            -webkit-appearance: none;
            background: #e2e8f0;
            border-radius: 10px;
            outline: none;
            cursor: pointer;
        }

        .time-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
            background: #1e2b3c;
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 1px 4px rgba(0,0,0,0.2);
            border: none;
        }

        .time-info {
            display: flex;
            justify-content: space-between;
            font-size: 0.7rem;
            color: #5b6e8c;
            margin-top: 8px;
            font-family: monospace;
        }

        /* رسالة الخطأ/التخزين المؤقت صغيرة */
        .message-area {
            font-size: 0.7rem;
            text-align: center;
            margin-top: 12px;
            color: #94a3b8;
            background: #f9f9fb;
            padding: 6px 10px;
            border-radius: 30px;
        }

        /* تذييل اختياري بسيط */
        .credit {
            font-size: 0.6rem;
            text-align: center;
            margin-top: 1rem;
            color: #cbd5e1;
        }

        /* تنسيق يتناسب مع الودجات */
        @media (max-width: 480px) {
            .radio-card {
                padding: 1.2rem;
            }
            .play-btn {
                width: 54px;
                height: 54px;
            }
        }
    </style>
</head>
<body>
<div class="radio-card">
    <div class="radio-title">
        <span class="radio-icon"></span>
        <div>
            <h3>راديو مباشر</h3>
            <p>بث حي · استمع الآن</p>
        </div>
    </div>

    <div class="player-controls">
        <button class="play-btn" id="playPauseBtn" aria-label="تشغيل / إيقاف">
            <svg id="playIcon" viewBox="0 0 24 24" width="28" height="28">
                <path d="M8 5v14l11-7z"/>
            </svg>
        </button>
        <div class="status-badge">
            <span class="status-dot" id="statusDot"></span>
            <span id="statusText">غير مشغل</span>
        </div>
    </div>

    <!-- شريط تقدم زائف يظهر التخزين المؤقت / وقت التشغيل (نحن نستخدم مؤقت وهمي لتجربة بصرية سلسة) -->
    <div class="progress-area">
        <input type="range" id="progressSlider" class="time-slider" value="0" min="0" max="100" step="1" disabled>
        <div class="time-info">
            <span id="currentTimeLabel">00:00</span>
            <span id="durationLabel">--:--</span>
        </div>
    </div>
    <div class="message-area" id="infoMsg">
         جاهز للتشغيل التلقائي
    </div>
    <div class="credit">راديو حي · استمتع بالبث</div>
</div>

<script>
    (function() {
        // رابط البث المباشر (Zeno.fm)
        const STREAM_URL = "https://stream-175.zeno.fm/z6exeh5qc0hvv?zt=eyJhbGciOiJIUzI1NiJ9.eyJzdHJlYW0iOiJ6NmV4ZWg1cWMwaHZ2IiwiaG9zdCI6InN0cmVhbS0xNzUuemVuby5mbSIsInJ0dGwiOjUsImp0aSI6IjlBNGdqSTNmUS1hV0NobmRYeWRjekEiLCJpYXQiOjE3Nzc5MTIzMDIsImV4cCI6MTc3NzkxMjM2Mn0.Jn8KDPDG_3ZEaKItktnES0nggicr8YemsoWtW20upqw";
        
        // عناصر DOM
        const playPauseBtn = document.getElementById('playPauseBtn');
        const playIcon = document.getElementById('playIcon');
        const statusTextSpan = document.getElementById('statusText');
        const statusDot = document.getElementById('statusDot');
        const infoMsgDiv = document.getElementById('infoMsg');
        const progressSlider = document.getElementById('progressSlider');
        const currentTimeLabel = document.getElementById('currentTimeLabel');
        const durationLabel = document.getElementById('durationLabel');

        let audio = null;
        let isPlaying = false;
        let progressInterval = null;      // لتحديث شريط التقدم بشكل وهمي (نظرًا لأن تيار الراديو لا يعطي مدة محددة)
        let fakeCurrentSeconds = 0;
        let isLiveStream = true;           // الراديو حي بدون مدة ثابتة

        // --- تنظيف الموارد السابقة وإعادة إنشاء Audio --
        function initAudio() {
            if (audio) {
                audio.pause();
                audio.src = '';
                audio = null;
            }
            if (progressInterval) {
                clearInterval(progressInterval);
                progressInterval = null;
            }
            audio = new Audio();
            audio.preload = 'auto';
            audio.crossOrigin = 'anonymous';   // تجنب مشاكل CORS في بعض البيئات
            audio.src = STREAM_URL;
            
            // إعداد مستمعين للأحداث
            audio.addEventListener('canplay', onCanPlay);
            audio.addEventListener('playing', onPlaying);
            audio.addEventListener('pause', onPauseEvent);
            audio.addEventListener('waiting', onWaiting);
            audio.addEventListener('error', onError);
            audio.addEventListener('ended', onEnded);
            // بالنسبة للبث الحي، عادةً لا توجد مدة محددة
            audio.addEventListener('loadedmetadata', onLoadedMetadata);
        }

        // عند تحميل البيانات الوصفية
        function onLoadedMetadata() {
            // البث المباشر ليس له مدة محددة، لذلك نخفي شريط التقدم التقليدي قليلاً أو نعطيه قيمة افتراضية
            if (isNaN(audio.duration) || !isFinite(audio.duration) || audio.duration === Infinity) {
                durationLabel.innerText = 'مباشر';
                progressSlider.disabled = true;
                isLiveStream = true;
                // إيقاف تحديث شريط التقدم إذا كان يعمل
                if (progressInterval) {
                    clearInterval(progressInterval);
                    progressInterval = null;
                }
                // إعادة ضبط مؤقت وهمي بسيط: نعرض وقت تشغيل متحرك من 00:00 إلى 59:59 فقط للإحساس (وليس مدة حقيقية)
                startFakeProgressForLive();
            } else {
                isLiveStream = false;
                durationLabel.innerText = formatTime(audio.duration);
                progressSlider.disabled = false;
                if (progressInterval) clearInterval(progressInterval);
                startAccurateProgress();
            }
        }

        // محاكاة بسيطة لتقدم البث المباشر: مجرد مؤقت متزايد بالثواني لشريط متحرك (للشكل فقط)
        let fakeTimer = null;
        function startFakeProgressForLive() {
            if (fakeTimer) clearInterval(fakeTimer);
            fakeCurrentSeconds = 0;
            updateFakeUI(0);
            fakeTimer = setInterval(() => {
                if (isPlaying) {
                    fakeCurrentSeconds = (fakeCurrentSeconds + 1) % 3600;  // 0-3599 ثانية (تجنب الأعداد الكبيرة)
                    updateFakeUI(fakeCurrentSeconds);
                    // شريط تقدم متحرك بشكل دائري / نستخدم modulo مع max 100 ليكون وهميًا
                    let fakePercent = (fakeCurrentSeconds % 60) / 60 * 100;  // كل دقيقة تعيد المشهد
                    if (!progressSlider.disabled) progressSlider.disabled = false; // نفعله لكنه وهمي
                    progressSlider.value = fakePercent;
                }
            }, 1000);
        }

        function updateFakeUI(seconds) {
            currentTimeLabel.innerText = formatTime(seconds);
            if (!durationLabel.innerText.includes('مباشر')) {
                durationLabel.innerText = 'مباشر';
            }
        }

        function startAccurateProgress() {
            if (progressInterval) clearInterval(progressInterval);
            progressInterval = setInterval(() => {
                if (audio && !audio.paused && !isNaN(audio.currentTime) && isFinite(audio.duration) && !isLiveStream) {
                    const percent = (audio.currentTime / audio.duration) * 100;
                    progressSlider.value = percent;
                    currentTimeLabel.innerText = formatTime(audio.currentTime);
                }
            }, 500);
        }

        function formatTime(seconds) {
            if (isNaN(seconds) || !isFinite(seconds)) return "00:00";
            const hrs = Math.floor(seconds / 3600);
            const mins = Math.floor((seconds % 3600) / 60);
            const secs = Math.floor(seconds % 60);
            if (hrs > 0) {
                return `${hrs.toString().padStart(2,'0')}:${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;
            }
            return `${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;
        }

        // أحداث التشغيل
        function onCanPlay() {
            infoMsgDiv.innerHTML = " جاهز للتشغيل ..";
        }

        function onPlaying() {
            isPlaying = true;
            updatePlayPauseUI(true);
            statusTextSpan.innerText = "يتدفق الآن";
            statusDot.style.backgroundColor = "#22c55e";
            infoMsgDiv.innerHTML = " يستمع الآن - بث حي";
        }

        function onPauseEvent() {
            isPlaying = false;
            updatePlayPauseUI(false);
            statusTextSpan.innerText = "متوقف مؤقت";
            statusDot.style.backgroundColor = "#94a3b8";
            infoMsgDiv.innerHTML = " تم الإيقاف المؤقت";
        }

        function onWaiting() {
            infoMsgDiv.innerHTML = " تخزين مؤقت، يرجى الانتظار...";
        }

        function onError(e) {
            console.warn("Audio Error", e);
            let errorMsg = " تعذر تشغيل الراديو. تحقق من الاتصال أو الرابط.";
            if (audio.networkState === 3) errorMsg = " فشل تحميل البث. قد يكون الرابط غير صالح.";
            infoMsgDiv.innerHTML = errorMsg;
            statusTextSpan.innerText = "خطأ في البث";
            statusDot.style.backgroundColor = "#ef4444";
            isPlaying = false;
            updatePlayPauseUI(false);
            if (progressInterval) clearInterval(progressInterval);
            if (fakeTimer) clearInterval(fakeTimer);
        }

        function onEnded() {
            // في البث الحي نادراً ما يحدث، لكن نعيد المحاولة
            if (!isLiveStream) {
                infoMsgDiv.innerHTML = " انتهى البث، إعادة محاولة...";
                if (audio) audio.load();
            } else {
                infoMsgDiv.innerHTML = " إعادة اتصال بالبث الحي...";
                if (audio) audio.load();
            }
        }

        // تحديث واجهة زر التشغيل
        function updatePlayPauseUI(playingState) {
            if (playingState) {
                playIcon.innerHTML = '<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>';  // أيقونة إيقاف مستطيلين
                playPauseBtn.setAttribute("aria-label", "إيقاف");
            } else {
                playIcon.innerHTML = '<path d="M8 5v14l11-7z"/>';  // مثلث التشغيل
                playPauseBtn.setAttribute("aria-label", "تشغيل");
            }
        }

        // تبديل التشغيل/الإيقاف يدوياً
        function togglePlayPause() {
            if (!audio) {
                initAudio();
                // انتظر قليلاً ثم حاول التشغيل
                setTimeout(() => {
                    if (audio) audio.play().catch(err => handlePlayError(err));
                }, 50);
                return;
            }
            if (isPlaying) {
                audio.pause();
            } else {
                audio.play().catch(err => handlePlayError(err));
            }
        }

        function handlePlayError(err) {
            console.error("Playback error:", err);
            infoMsgDiv.innerHTML = " لا يمكن التشغيل التلقائي بسبب سياسة المتصفح. اضغط زر التشغيل يدوياً.";
            isPlaying = false;
            updatePlayPauseUI(false);
            statusTextSpan.innerText = "بحاجة إلى تفاعل";
            statusDot.style.backgroundColor = "#f59e0b";
        }

        // محاولة التشغيل التلقائي عند تحميل الصفحة (autoplay)
        function attemptAutoPlay() {
            initAudio();
            // محاولة تشغيل الصوت. المتصفحات الحديثة قد تمنع التشغيل التلقائي بدون تفاعل المستخدم،
            // لكننا نجرب بصمت. إذا فشل، نظهر رسالة لطيفة.
            if (audio) {
                audio.play().then(() => {
                    infoMsgDiv.innerHTML = " يعمل الآن تلقائياً";
                }).catch((err) => {
                    console.log("Auto-play prevented:", err);
                    infoMsgDiv.innerHTML = " اضغط على زر التشغيل للاستماع (تم منع التشغيل التلقائي)";
                    statusTextSpan.innerText = "بانتظار التشغيل";
                    statusDot.style.backgroundColor = "#facc15";
                    // لا نجبر user، لكن نظهر واجهة تفاعلية
                    isPlaying = false;
                    updatePlayPauseUI(false);
                });
            }
        }

        // إضافة مستمع الحدث للزر
        playPauseBtn.addEventListener('click', togglePlayPause);

        // عندما يغير المستخدم شريط التقدم (للدفق الحي لا يفعل شيء حقيقي لكن نضيف سلوك للتجربة)
        progressSlider.addEventListener('input', (e) => {
            if (!isLiveStream && audio && audio.duration && !isNaN(audio.duration)) {
                const seekTime = (e.target.value / 100) * audio.duration;
                audio.currentTime = seekTime;
                currentTimeLabel.innerText = formatTime(seekTime);
            }
            // إذا كان حياً، لا نغير أي شيء في البث لكن نحرك الشريط محلياً
            if (isLiveStream && isPlaying) {
                // فقط للتجميل: لا داعٍ لتغيير الوقت الحقيقي
                progressSlider.value = e.target.value;
            }
        });

        // منع التصادم مع المؤقتات عند إعادة التهيئة
        window.addEventListener('beforeunload', () => {
            if (audio) {
                audio.pause();
                audio.src = '';
            }
            if (progressInterval) clearInterval(progressInterval);
            if (fakeTimer) clearInterval(fakeTimer);
        });

        // بدء التشغيل التلقائي بعد تحميل الصفحة مباشرة (بحد أقصى 0.2 ثانية لضمان DOM)
        setTimeout(() => {
            attemptAutoPlay();
        }, 100);
        
        // تنظيف إضافي عند إعادة المحاولة
    })();
</script>
</body>
</html>