الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

متعدد تيار نشل

مشروع رد فعل/إعادة لعرض تدفقات متعددة في نفس الوقت!

ملخص

الهدف: إنشاء تطبيق من صفحة واحدة w/react + redux + immutableJS الذي يسمح للمستخدم بتكوين أي عدد من النوافذ في المتصفح.

أمثلة للتحقق من الإلهام
  • http://kadgar.net/live/
  • http://multitwitch.tv/
  • https://multistre.am/
قائمة التحسينات/الميزات
  1. حدد مقدار X من التدفقات حسب اسم القناة لوضعها في شاشة عرض شبكية قابلة للتكوين
  • عرض سريع الاستجابة مع نافذة حذف الدفق
  • احصل على قائمة القنوات للإكمال التلقائي
  • أبعاد النافذة القابلة للتكوين
    • react-grid-layout ، أو جرب masonry كمثال لكيفية دمج libs غير المتفاعلة التابعة لجهات خارجية في التفاعل
  1. القنوات المستمرة عبر تحديثات الصفحة الكاملة (حالة التخزين المحلية)
  2. روابط المفاتيح لكتم الصوت/إلغاء كتم الصوت -> الانتقال إلى وضع ملء الشاشة بشكل أسرع
  3. دردشة موحدة لبث نفس الرسالة عبر مجموعة فرعية من التدفقات المعروضة
كوديز

  • إعداد مثيل aws للملعب العام

    • مثيل تجريبي

  • أضف بابل إسلينت

  • إضافة سمة (اختيار إطار عمل CSS/النمط المضمّن)

    • إضافة موضوع أساسي
    • ابحث في أطر عمل CSS الأخرى عن الأنماط المضمنة

  • التخطيط الأساسي وسير العمل مع جهاز التوجيه التفاعلي v4

  • أضف ريدوكس

    • إضافة في تكوين المتجر
    • أضف سقالات متجر immutableJS
      • أضف ترميز Trans-js لسجلات immutableJS
    • الاستمرار في التخزين المحلي
      • التكامل localForage
    • تحميل من التخزين المحلي
      • redux-persist

  • إضافة عميل الجلب

    • قم بإضافة غلاف العميل أعلى عملية الجلب
    • أضف Redux-saga مع البرامج الوسيطة saga
    • أضف تكامل TWITCH API للاستعلام عن القناة
    • أضف تكامل YOUTUBE API للاستعلام عن القناة
    • أضف GOOGLE URL Shortener لمشاركة تكوين التخطيط

  • مربع حوار المساعدة

    • إضافة مربع حوار المساعدة مشروط
    • املأ محتوى المساعدة وتوجيهات الاستخدام

  • مشاركة الحوار وتكامل رابط جوجل المختصر

    • أضف مربع حوار المشاركة مع حقل الإدخال الذي يعرض رابط Google URL المختصر لبيانات التخطيط من المتجر
    • أضف واجهة برمجة تطبيقات Google URL Shortener مع الملحمة

  • تحميل التكوين المشترك من الرابط

    • أضف صفحة مقصودة للأشياء القابلة للمشاركة
    • أضف حاوية تحميل تأخذ التكوين من عنوان url وتُدخل في حالة التخطيط الحالية للمستخدم.

  • ميزات تخطيط الدفق

    • دمج react-grid-layout لتخطيط الشبكة القابل للتكوين
    • قم بدمج Twitch Player وYoutube Player لعرض مقاطع الفيديو أو البث المباشر
    • إضافة القطعة دفق فارغة
      • إضافة زر من شريط التنقل
      • قم بسحب وإفلات الرابط أو دفق الفيديو في الحاوية
      • حقل الإدخال لنسخ ولصق مرجع الارتباط
    • مسح جميع عناصر واجهة المستخدم في التخطيط
    • حذف عنصر واجهة مستخدم فردي من التخطيط
    • تغيير جودة الفيديو عبر جميع التدفقات
    • كتم الصوت / إلغاء كتم الصوت عبر جميع التدفقات
    • خلط العرض للتخطيطات
      • أضف زر تبديل إلى العرض العشوائي
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل