Mohamed Bardouniخبير ذكاء اصطناعي ومهندس منتجات

راديو شبابليك (Shabablik): منصة بث إذاعي مباشر، برامج شبابية، وأرشيف بودكاست

منصة إذاعية رقمية باللغة العربية تضم مشغل بث مباشر يستمر في العمل دون انقطاع أثناء تصفح الأخبار وجدول البرامج وأرشيف الحلقات، مع لوحة تحكم تحريرية كاملة.

Next.jsSQLiteLive AudioArabic RTL
راديو شبابليك (Shabablik): منصة بث إذاعي مباشر، برامج شبابية، وأرشيف بودكاست

السياق

تحتاج الإذاعات الرقمية الشبابية إلى موقع يجمع البث الحي المستمر مع المحتوى المكتوب وأرشيف البودكاست؛ المشكلة الشائعة في مواقع الإذاعات التقليدية هي انقطاع الصوت بمجرد نقر المستمع على خبر أو صفحة برنامج آخر.

النطاق الذي أعرضه علناً

  • مشغل بث صوتي ثابت (Persistent Player) في تخطيط Next.js يحافظ على استمرار البث الحي أو الحلقة المسجلة أثناء التنقل بين جميع صفحات الموقع.
  • شبكة برامج ديناميكية تعرض البرنامج المذاع حالياً على الهواء، مواعيد البث، وملفات المقدمين.
  • لوحة تحكم للإدارة لتحرير الأخبار، جدولة البرامج، رفع حلقات البودكاست، واستقبال مشاركات المستمعين.

قرارات ومقايضات

  • وضع حالة المشغل الصوتي في الجذر الأعلى لتطبيق Next.js (Root Layout) لضمان عدم إعادة تحميل عنصر الصوت عند تغير المسار.
  • استخدام SQLite مع Prisma لتبسيط النشر والنسخ الاحتياطي السريع لبيانات البرامج والمقالات.
  • المقايضة: البث الصوتي المستمر يتطلب إدارة دقيقة لحالة المتصفح على الهواتف التي تقيد التشغيل التلقائي للصوت قبل أول تفاعل من المستخدم.

الموقع متاح للمعاينة الحية على الرابط mbardouni.dev/shabablik/.

راجع المصدر العام
إفصاح: هذه نسخة استعراضية كاملة للمنصة.

هل تحتاج منتجاً مشابهاً؟

أرسل لي المشكلة والمستخدمين والنطاق المتوقع.