flex originals

Гибкие оригиналы

Демо

Микросервисная архитектура проекта

Flex Originals - это проект OpenSource . Взносы приветствуются

Функции

• ? Нет сайте компонентов , написанных в Vue.js для клиента и React.js для административных и собственных стилей SCSS.
• ? Video & Audio & Image - поделитесь своим видео, аудио и изображениями.
• ? Доступно - Полная поддержка подписей VTT и считывателей экрана
• ? Тема - темная и легкая тема.
• ? Чистый HTML - использует правильные элементы. <input type="range"> для громкости и <progress> для прогресса и скважины, <button> для кнопок. Нет <span> или <a href="#"> кнопок
• Отзывчивый - работает с любым размером экрана
• ? Монетизация - зарабатывать деньги на видео
• ? Потоковая передача - потоковое воспроизведение
• ? API - Переключение воспроизведения, объем, поиск и многое другое через стандартизированный API
• ? Полноэкрадный - поддерживает нативные полноэкранные режимы «Полное окно»
• ⌨ ярлыки - поддерживает сочетания клавиш
• ? Picture-in-Picture -поддерживает режим изображения в картине
• PlaySinline - поддерживает атрибут playsinline
• ? Управление скоростью - отрегулируйте скорость на лету
• Несколько подписей - поддержка нескольких треков под надписи
• ? Просмотр миниатюр - поддержка отображения миниатюр.
• ? ‍♀ sass - включить в свои процессы сборки

Дорожная карта

1. Улучшить пользовательский интерфейс
2. Улучшить сервер
3. Улучшить CDN
4. Улучшить игроки видео и аудио
5. Добавить Redis
6. Добавить видео и аудио -обработку.
7. Сделайте распределенный сервер.

Настройка проекта и сценарии

1. ffmpeg
2. NGNIX Server
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. Если установка была успешной, вы сможете запустить следующую команду.m
  $ node --version

  $ npm --version Если вам нужно обновить npm , вы можете сделать это с помощью npm ! Круто, верно? После запуска следующей команды просто откройте командную строку и будьте счастливы.
  $ npm install npm -g

Настройка проекта MongoDB

Следуйте этому, чтобы установить MongoDB на вашем компьютере.

Официальный сайт MongoDB

Установка компаса

• Вы можете установить Compass, используя сценарий install_compass, упакованный с MongoDB:
  $ ./install_compass Это загрузит соответствующий пакет MongoDB Compass для вашей платформы и установит его.

Настройка проекта FFMPEG

• Скачать статическую сборку.
• Используйте 7-Zip, чтобы распаковать его в папке по вашему выбору.
• Откройте командную строку с правами администратора. Примечание. Используйте cmd.exe, не используйте PowerShell! Синтаксис для доступа к переменным среды отличается от команды, показанной на шаге 4 - запуск его в PowerShell будет перезаписать ваш системный путь с плохим значением.
• Запустите команду (см. Примечание ниже; в Win10 вы можете использовать область переменных окружающей среды панели управления Windows для обновления пути): setx /M PATH "pathtoffmpegbin;%PATH%" . Не запустите SETX, если у вас более 1024 символов в переменной пути системы.
• Установка ffmpeg в Ubuntu
  
  sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins

Внося

• Открытые проблемы?
• Поднимите PRS для проблем
• Разветвляй репо и снимай его
  
• Clone the Repo: https://github.com/NJACKWinterOfCode/flex-originals.git
  
• Запустить: npm install
• Чтобы запустить режим разработки, запустить: npm run dev
• Для производства запускается в Docker sudo docker-compose up --build -d с Nginix Server для обратного прокси на порты, используйте эти настройки.

Copyright (C) 2019, Анураг Кумар Анураг Кумар