flex originals

النسخ الأصلية المرنة

العرض التوضيحي

بنية الخدمات المجهرية للمشروع

Flex Originals هو مشروع OpenSource . المساهمات موضع ترحيب

سمات

• ؟ لا توجد أطر مكونات bootstrap - مكتوبة في vue.js للعميل و React.js للمسؤول وأنماط SCSS الخاصة بالتصميم.
• ؟ الفيديو والصوت والصورة - شارك الفيديو والصوت والصور الخاصة بك.
• ؟ يمكن الوصول إليه - الدعم الكامل لتوضيحيات VTT وقراء الشاشة
• ؟ موضوع - موضوع الظلام والخفيف.
• ؟ تنظيف HTML - يستخدم العناصر الصحيحة . <input type="range"> for volume و <progress> للتقدم وبشكل جيد ، <button> s للأزرار. لا يوجد <span> أو <a href="#"> Hacks Hacks
• استجابة - يعمل مع أي حجم شاشة
• ؟ تسييل - كسب المال من مقاطع الفيديو الخاصة بك
• ؟ تدفق - تدفق التشغيل
• ؟ API - تبديل التشغيل ، المجلد ، البحث ، وأكثر من خلال واجهة برمجة تطبيقات موحدة
• ؟ ملء الشاشة - يدعم شاشة ملء الشاشة الأصلية مع أوضاع "النافذة الكاملة"
• ⌨ اختصارات - تدعم اختصارات لوحة المفاتيح
• ؟ الصورة في الصورة -يدعم وضع الصورة في الصورة
• PlaySinline - يدعم سمة playsinline
• ؟ عناصر التحكم في السرعة - ضبط السرعة أثناء الطيران
• تعليقات متعددة - دعم لمسارات التسمية التوضيحية المتعددة
• ؟ معاينة الصور المصغرة - دعم عرض الصور المصغرة المعاينة
• ؟ ‍♀ ساس - لتضمين في عمليات البناء الخاصة بك

خريطة الطريق

1. تحسين واجهة المستخدم
2. تحسين الخادم
3. تحسين CDN
4. تحسين اللاعبين الفيديو والصوت
5. إضافة redis
6. أضف معالجة الفيديو والصوت.
7. جعل الخادم الموزع.

إعداد المشروع والبرامج النصية

1. FFMPEG
2. خادم NGNIX
3. Docker & Compose
4. mongodb

يمكنك تشغيل البرامج النصية التالية مع yarn أو npm مثل yarn install

السيناريو	وصف
install	إعداد المشروع
dev	تجميع وبدء تشغيل خادم التطوير مع التحميل الساخن
build	تجميع وإنتاج الإنتاج
prod	بدء تشغيل خادم الإنتاج
lint	قم بتشغيل ESLINT للمشروع بأكمله
test	تشغيل جميع الاختبارات
test:watch	ابدأ الاختبارات في وضع الساعة

إعداد المشروع

العقدة

• تثبيت العقدة على Windows ، فقط اذهب إلى موقع Node.js الرسمي وقم بتنزيل المثبت. تأكد أيضًا من توفر git في طريقك ، وقد تحتاج npm إلى ذلك (يمكنك العثور على git هنا).

• تثبيت العقدة على Ubuntu يمكنك تثبيت Nodejs و NPM بسهولة مع تثبيت APT ، فقط قم بتشغيل الأوامر التالية. $ sudo apt install nodejs $ sudo apt install npm

• أنظمة تشغيل أخرى يمكنك العثور على مزيد من المعلومات حول التثبيت على موقع Node.js الرسمي وموقع NPM الرسمي. إذا كان التثبيت ناجحًا ، فيجب أن تكون قادرًا على تشغيل الأمر التالي
  $ node --version

  $ npm --version كنت بحاجة إلى تحديث npm ، فيمكنك عمله باستخدام npm ! بارد أليس كذلك؟ بعد تشغيل الأمر التالي ، فقط افتح سطر الأوامر مرة أخرى وكن سعيدًا.
  $ npm install npm -g

إعداد مشروع MongoDB

اتبع هذا لتثبيت mongodb في جهاز الكمبيوتر الخاص بك.

موقع MongoDB الرسمي

تثبيت البوصلة

• يمكنك تثبيت البوصلة باستخدام البرنامج النصي install_compass الذي تم تعبئته باستخدام mongodb:
  $ ./install_compass

إعداد مشروع FFMPEG

• تنزيل بناء ثابت.
• استخدم 7-ZIP لتفريغه في المجلد الذي تختاره.
• افتح موجه الأوامر مع حقوق المسؤول. ملاحظة: استخدم cmd.exe ، لا تستخدم PowerShell! يختلف بناء الجملة للوصول إلى متغيرات البيئة عن الأمر الموضح في الخطوة 4 - سيقوم تشغيله في PowerShell بتكسير مسار النظام الخاص بك بقيمة سيئة.
• قم بتشغيل الأمر (انظر الملاحظة أدناه ؛ في Win10 ، قد ترغب في استخدام منطقة المتغيرات البيئية في لوحة التحكم في Windows لتحديث المسار): setx /M PATH "pathtoffmpegbin;%PATH%" . لا يتم تشغيل setx إذا كان لديك أكثر من 1024 حرفًا في متغير مسار النظام الخاص بك.
• تثبيت FFMPEG في أوبونتو
  
  sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins

المساهمة

• القضايا المفتوحة؟
• رفع PRS للقضايا
• شوكة الريبو ونبذها
  
• استنساخ repo: https://github.com/NJACKWinterOfCode/flex-originals.git
  
• تشغيل: npm install
• لبدء تشغيل وضع التطوير: npm run dev
• لتشغيل الإنتاج في Docker sudo docker-compose up --build -d مع Nginix Server لعكس الوكيل إلى المنافذ ، استخدم هذه الإعدادات.

حقوق الطبع والنشر (C) 2019 ، Anurag Kumar Anurag Kumar