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

السلام عليكم

نحن

نقوم ببناء موقع تعليمي باستخدام 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-انا باكد على تشغيل البلاير بفديوهات ببليديو عشان لو المستقل شغلها باي فديوهات تانية فبكدة التاسك لم تتم

و هسيب لك لينكات في الرسائل الخاصة عند التواصل بشكل استرشادي عشان نتاكد ان كل حاجة تمام

في حالة الاستجابة من المستقل و التعامل الاحترافي سوف نتعامل معه في مشاريع و تاسكات اخرى