العودة إلى الأعمال

دل بلاير - منصة مشاهدة الفيديو المتزامنة

أداة خفيفة تركز على الخصوصية لمشاهدة الأفلام معًا عن بُعد بمزامنة مثالية.

العميل: مشروع مفتوح المصدر السنة: 2025 المدة: أسبوعين

التقنيات المستخدمة

Node.jsWebSockets (ws)Vanilla JavaScriptTailwind CSSYouTube IFrame APIDocker

التحدي

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

الحل

قمت ببناء خادم Node.js باستخدام WebSockets للإشارات الخفيفة. تفصل المعمارية بين "إشارات التحكم" و"بيانات الوسائط". عند مشاهدة ملف محلي، لا يغادر الفيديو جهاز المستخدم أبدًا؛ يتم نقل أحداث التشغيل/الإيقاف المؤقت/البحث فقط عبر WebSocket. قمت بتنفيذ واجهة أمامية قوية تتعامل مع المزامنة لكل من فيديو HTML5 (محلي/رابط) ويوتيوب (عبر IFrame API).

الميزات

  • مزامنة الفيديو لحظيًا
  • دعم الملفات المحلية
  • تكامل يوتيوب
  • نظام دردشة مباشر

مسار المشروع

المرحلة 1: خادم الإشارة

تطوير خادم Node.js WebSocket مع تحديد المعدل.

المرحلة 2: الواجهة الأساسية

تنفيذ مشغل فيديو HTML5 ومنطق قراءة الملفات المحلية.

المرحلة 3: منطق المزامنة

إنشاء مستمعي الأحداث للتحكم في التشغيل ومعالجة زمن انتقال الشبكة.

المرحلة 4: يوتيوب والتحسين

دمج واجهة برمجة تطبيقات يوتيوب وإضافة ميزات الدردشة.

النتائج

<50ms زمن انتقال المزامنة
0% استهلاك النطاق الترددي للخادم
100% الخصوصية

لقطات الشاشة

الصفحة الرئيسية والاقتران الصفحة الرئيسية والاقتران
المشغل المتزامن والدردشة المشغل المتزامن والدردشة
المزايا واختصارات لوحة المفاتيح المزايا واختصارات لوحة المفاتيح

هل لديك مشروع مشابه؟

دعنا نتحدث عن مشروعك.

طلب استشارة مجانية