يوتيوب نمط الفيديو التوضيحي/تراكب (رياكت)

تحتاج مؤسستنا إلى ما يرقى إلى نظام التعليقات التوضيحية على نمط YouTube. أساسا ، ما نحتاجه هو القدرة على تراكب النص/الصور عبر الفيديو في أوقات محددة.

لقد بذلت قصارى جهدي للبحث عن مكونات React الموجودة أو حتى حبيبات الفانيليا JS الموجودة لتنفيذ مرجع ، ولكنها ظهرت فارغة. إذا كان أي شخص يعرف أي موارد قد فاتني ، قد لا تكون هناك حاجة لبقية هذا المنشور.

أحتاج إلى مساعدة بشأن الاستراتيجية لعرض مكونات التراكب هذه في أوقات محددة في الفيديو ، والتأكد من أن نبقى متزامنين مع وقت الفيديو. وبما أننا نستخدم بالفعل Redux ، فإن فكرتي الأولية كانت زيادة RxJS وإعادة رصدها ، وإنشاء تيار/يمكن ملاحظته باستخدام جدولة المهلة لتجنب نوع من استراتيجية الاقتراع. كما أنني سأستمع إلى أحداث التشغيل/الإيقاف المؤقت/التخطي من الفيديو لإلغاء/إعادة جدولة المهلة.

لم استخدم RxJS من قبل ، لذا أردت الحصول على بعض التعليقات قبل البدء في زيادة المعرفة والانتقال إلى التنفيذ. هل هناك أي عيوب متأصلة في ما أشرت إليه أعلاه؟ هل هناك إستراتيجية مختلفة قد تعمل بشكل أفضل؟

شكرا يا شباب!

TLDR. هل تحتاج إلى مساعدة في إنشاء مكونات متزامنة للوقت متراكبة على الفيديو.

0

1 إجابة

لا يتعلق الأمر بأطر العمل React أو RxJS ، بل حول JavaScript. بمجرد أن يكون لديك حل جافا سكريبت ، سيكون من الممكن تهيئته في أي إطار تقريبًا. لذا فإن السؤال الرئيسي هو - هل هناك حل جافا سكريبت متاح؟

حسنا ، تم الإجابة على هذا السؤال بالفعل. تحقق من هنا: "التعليقات التوضيحية لنوع Youtube في مقاطع الفيديو بتنسيق html5 ".

0
وأضاف