عمل صفحة عرض كورس بفيديوهات hls من موقع puiblitio

جافا سكريبت Next.js Front End React جافا سكريبت Next.js Front End React

السلام عليكم نحن نقوم ببناء موقع تعليمي باستخدام next.js واجهتنا مشكلة في بناء صفحة عرض الكورس و مستعرض الفديوهات ان فديوهات hls التي نقوم بوضعها من موقع publitio لا تعمل عندنا بعض الوظائف الهامة التي يجب توافرها لانتهاء التاسك بالكامل 1-يتم عرض الفديوهات من خلال api 2-عند انتهاء الفديو يتم النقل على الفديو التالي بشكل اوتوماتيكي 3-عند الوصول الى 80 في المية من الفديو بيعلم على الفديو انه تمت المشاهدة 4-يتم حفظ سرعة الفديو و الجوزدة بحيث لو تم الانتقال الي فديو اخر يفتح بنفس السرعة و الجودة المختارة من قبل 5-شكل البلاير نفسه يكون بالون البرتقالي كل الوظائف دي يمكن تحقيقها من خلال مكتبة video.js و احنا بالفعل عاملين كل دا في صفحة html and css and pure javascript المشكلة ان لما بنقوم بتحويل الكلام دا الى next.js الفديوهات مش بتشتغل بتفضل تحمل و مش بتدي نتيجة حدود مسؤليات المستقل انا هرفع لك الصفحة الي شغالة الي معمولة بشكل pure javascript و المستقل هيعمل الاتي 1-تحويلها الى next.js بنفس الوظائف الي هي شغاله بيها بالظبط 2-دمج التعديلة في المشروع الاصلي الخاص بالمنصة التعليمية 3-انا باكد على تشغيل البلاير بفديوهات ببليديو عشان لو المستقل شغلها باي فديوهات تانية فبكدة التاسك لم تتم و هسيب لك لينكات في الرسائل الخاصة عند التواصل بشكل استرشادي عشان نتاكد ان كل حاجة تمام في حالة الاستجابة من المستقل و التعامل الاحترافي سوف نتعامل معه في مشاريع و تاسكات اخرى