flex originals

Originales flexibles

Manifestación

Arquitectura de microservicio del proyecto

Flex Originals es un proyecto OpenSource . Las contribuciones son bienvenidas

Características

• ? No hay marcos de componentes de Bootstrap : escritos en Vue.js para Client y React.js para estilos SCSS de diseño de administración y propios.
• ? Video e audio e imagen : comparta su video, audio e imágenes.
• ? Accesible : soporte completo para subtítulos de VTT y lectores de pantalla
• ? Tema - Tema oscuro y claro.
• ? Clean HTML : usa los elementos correctos . <input type="range"> para volumen y <progress> para progreso y bien, <button> s para botones. No hay <span> o <a href="#"> Hacks de botones
• Responsivo : funciona con cualquier tamaño de pantalla
• ? Monetización : gana dinero con tus videos
• ? Transmisión - Reproducción de transmisión
• ? API - Playback de alternar, volumen, búsqueda y más a través de una API estandarizada
• ? Pantalla completa : admite la pantalla completa nativa con modos de retroceso a "ventana completa"
• ⌨️ Accesos directos : admite atajos de teclado
• ? Imagen-in-Picture : admite el modo de imagen en imagen
• PlaySinLine - Admite el atributo playsinline
• ? Controles de velocidad : ajuste la velocidad de la mosca
• Múltiples subtítulos : soporte para múltiples pistas de subtítulos
• ? Miniaturas de vista previa : soporte para mostrar miniaturas de vista previa
• ? ‍♀️ sass - incluir en sus procesos de construcción

Mapa vial

1. Mejorar la interfaz de usuario
2. Mejorar el servidor
3. Mejorar CDN
4. Mejora de los reproductores Video y audio
5. Agregar Redis
6. Agregue el video y el procesamiento de audio.
7. Hacer servidor distribuido.

Configuración y guiones del proyecto

1. ffmpeg
2. Servidor ngnix
3. Docker y componer
4. Mongodb

Puede ejecutar los siguientes scripts con yarn o npm como yarn install

Guion	Descripción
install	Configuración del proyecto
dev	Compilar e iniciar el servidor de desarrollo con relieve caliente
build	Compilar y minificar para la producción
prod	Iniciar servidor de producción
lint	Ejecute Eslint para todo el proyecto
test	Ejecutar todas las pruebas
test:watch	Iniciar pruebas en modo de reloj

Configuración del proyecto

Nodo

• Instalación de nodos en Windows simplemente salga en el sitio web oficial de Node.js y descargue el instalador. Además, asegúrese de tener git disponible en su camino, npm podría necesitarlo (puede encontrar GIT aquí).

• Instalación del nodo En Ubuntu Puede instalar NodeJS y NPM fácilmente con APT Install, simplemente ejecute los siguientes comandos. $ sudo apt install nodejs $ sudo apt install npm

• Otros sistemas operativos pueden encontrar más información sobre la instalación en el sitio web oficial de Node.js y el sitio web oficial de NPM. Si la instalación fue exitosa, debería poder ejecutar el siguiente comando.m
  $ node --version

  $ npm --version Si necesita actualizar npm , ¡puede hacerlo usando npm ! Genial, ¿verdad? Después de ejecutar el siguiente comando, simplemente abra la línea de comando y sea feliz.
  $ npm install npm -g

Configuración del proyecto MongoDB

Siga esto para instalar MongoDB en su computadora.

Sitio web oficial de MongoDB

Instalación de la brújula

• Puede instalar Compass usando el script Install_ComPass empaquetado con MongoDB:
  $ ./install_compass Esto descargará el paquete apropiado de MongoDB Compass para su plataforma e instalarlo.

Configuración del proyecto FFMPEG

• Descargue una construcción estática.
• Use 7-Zip para desempacarlo en la carpeta de su elección.
• Abra un símbolo del sistema con los derechos del administrador. Nota: Use cmd.exe, ¡no use PowerShell! La sintaxis para acceder a las variables de entorno es diferente del comando que se muestra en el paso 4: ejecutarla en PowerShell sobrescribirá la ruta de su sistema con un mal valor.
• Ejecute el comando (consulte la nota a continuación; en Win10, es posible que desee utilizar el área de variables ambientales del panel de control de Windows para actualizar la ruta): setx /M PATH "pathtoffmpegbin;%PATH%" . No ejecute setX si tiene más de 1024 caracteres en su ruta de sistema variable.
• Instalación de FFMPEG en Ubuntu
  
  sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins

Que contribuye

• ¿Problemas abiertos?
• Plantear PRS para problemas
• Bifurca el repositorio y lo estrelló
  
• Clon the Repo: https://github.com/NJACKWinterOfCode/flex-originals.git
  
• Ejecutar: npm install
• Para iniciar el modo de desarrollo Ejecutar: npm run dev
• Para la producción se ejecuta en Docker sudo docker-compose up --build -d con el servidor Nginix para revertir el proxy a los puertos. Utilice esta configuración.

Copyright (c) 2019, Anurag Kumar Anurag Kumar