
Originaux flexibles
Démo
Architecture de microservice du projet


Flex Originals est un projet OpenSource . Les contributions sont les bienvenues
Caractéristiques
- ? No Bootstrap Components Frameworks - Écrit dans Vue.js pour client et react.js pour admin et propres styles SCSS de conception.
- ? Vidéo et audio et image - Partagez votre vidéo, votre audio et vos images.
- ? Accessible - Support complet pour les légendes VTT et les lecteurs d'écran
- ? Thème - Thème sombre et léger.
- ? Clean HTML - utilise les bons éléments.
<input type="range"> pour le volume et <progress> pour la progression et bien, <button> pour les boutons. Il n'y a pas <span> ou <a href="#"> hacks de bouton - Réactif - fonctionne avec n'importe quelle taille d'écran
- ? Monétisation - Gagnez de l'argent à partir de vos vidéos
- ? Streaming - Playage en streaming
- ? API - Basculer la lecture, le volume, la recherche, et plus encore via une API standardisée
- ? Plein écran - prend en charge le plein écran natif avec des modes de secours à "fenêtre complète"
- ⌨️ Raccourcis - prend en charge les raccourcis clavier
- ? Image-in-Picture - prend en charge le mode d'image dans la situation
- PlaySinline - prend en charge l'attribut
playsinline - ? Contrôles de vitesse - Ajustez la vitesse à la volée
- Multiples légendes - Prise en charge de plusieurs pistes de légendes
- ? Aperçu des miniatures - Prise en charge de l'affichage de l'aperçu des miniatures
- ? ♀️ Sass - inclure dans vos processus de construction
Carte routière
- Améliorer l'interface utilisateur
- Améliorer le serveur
- Améliorer le CDN
- Améliorer les joueurs vidéo et audio
- Ajouter Redis
- Ajouter un traitement vidéo et audio.
- Faire du serveur distribué.
Configuration du projet et scripts
- ffmpeg
- Serveur NGIX
- Docker et compose
- Mongodb
Vous pouvez exécuter les scripts suivants avec yarn ou npm comme yarn install
| Scénario | Description |
|---|
install | Configuration du projet |
dev | Compiler et démarrer le serveur de développement avec une recharge à chaud |
build | Compiler et minifaire pour la production |
prod | Démarrer le serveur de production |
lint | Exécutez Eslint pour l'ensemble du projet |
test | Exécutez tous les tests |
test:watch | Démarrer les tests en mode montre |
Configuration du projet
Nœud
L'installation de nœuds sur Windows va simplement sur le site officiel de Node.js et téléchargez l'installateur. Assurez-vous également d'avoir git disponible sur votre chemin, npm peut en avoir besoin (vous pouvez trouver Git ici).
Installation de nœud sur Ubuntu Vous pouvez installer facilement NodeJS et NPM avec APT Install, il suffit d'exécuter les commandes suivantes. $ sudo apt install nodejs $ sudo apt install npm
Autres systèmes d'exploitation Vous pouvez trouver plus d'informations sur l'installation sur le site officiel de Node.js et le site officiel du NPM. Si l'installation a réussi, vous devriez pouvoir exécuter la commande suivante.m
$ node --version
$ npm --version Si vous devez mettre à jour npm , vous pouvez le faire à l'aide de npm ! Cool non? Après avoir exécuté la commande suivante, ouvrez à nouveau la ligne de commande et soyez heureux.
$ npm install npm -g
Configuration du projet MongoDB
Suivez ceci pour installer MongoDB dans votre ordinateur.
Site officiel MongoDB
Installation de la boussole
- Vous pouvez installer Compass à l'aide du script install_compass emballé avec MongoDB:
$ ./install_compass Cela téléchargera le package de boussole MongoDB approprié pour votre plate-forme et l'installera.
Configuration du projet FFMPEG
- Téléchargez une version statique.
- Utilisez 7-Zip pour le déballer dans le dossier de votre choix.
- Ouvrez une invite de commande avec les droits de l'administrateur. Remarque: utilisez CMD.exe, n'utilisez pas PowerShell! La syntaxe pour accéder aux variables d'environnement est différente de la commande indiquée à l'étape 4 - l'exécuter dans PowerShell écrasera votre chemin système avec une mauvaise valeur.
- Exécutez la commande (voir la note ci-dessous; dans Win10, vous voudrez peut-être utiliser la zone des variables environnementales du panneau de configuration Windows pour mettre à jour le chemin):
setx /M PATH "pathtoffmpegbin;%PATH%" . - Installation de ffmpeg dans Ubuntu
sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins
Contributif
- Problèmes ouverts?
- Soulever des PR pour les problèmes
- Fourk le repo et étouffer

- Clone The Repo:
https://github.com/NJACKWinterOfCode/flex-originals.git
- Exécuter:
npm install - Pour démarrer le mode de développement Exécuter:
npm run dev - Pour la production, l'exécution dans Docker
sudo docker-compose up --build -d avec le serveur NGINIX pour inverser le proxy aux ports Utilisez ces paramètres.
Copyright (C) 2019, Anurag Kumar Anurag Kumar