
Flex Originals
Demonstração
Arquitetura de Projeto MicrosService


O Flex Originals é um projeto OpenSource . Contribuições são bem -vindas
Características
- ? Sem estruturas de componentes de bootstrap - escritos em vue.js para cliente e react.js para administrador e design próprio estilos SCSS.
- ? Vídeo e áudio e imagem - Compartilhe seu vídeo, áudio e imagens.
- ? Acessível - Suporte completo para legendas de VTT e leitores de tela
- ? Tema - tema sombrio e claro.
- ? Limpo HTML - usa os elementos certos .
<input type="range"> para volume e <progress> para progresso e bem, <button> > s para botões. Não há <span> ou <a href="#"> hacks de botão - Responsivo - funciona com qualquer tamanho de tela
- ? Monetização - ganhe dinheiro com seus vídeos
- ? Streaming - reprodução de streaming
- ? API - TOME
- ? Tela cheia - suporta tela completa nativa com fallback para modos de "janela completa"
- ⌨️ Atalhos - suporta atalhos de teclado
- ? Picture-in-Picture -suporta o modo de imagem-em-picture
- PlaysInline - suporta o atributo
playsinline - ? Controles de velocidade - Ajuste a velocidade de mosca
- Múltiplas legendas - Suporte para várias faixas de legenda
- ? Miniaturas de visualização - Suporte para exibir miniaturas de visualização
- ? ♀️ Sass - para incluir em seus processos de construção
Rodoteto
- Melhorar a interface do usuário
- Melhorar o servidor
- Melhorar a CDN
- Melhore o vídeo dos jogadores e áudio
- Adicione Redis
- Adicione o processamento de vídeo e áudio.
- Fazer servidor distribuído.
Configuração e scripts do projeto
- ffmpeg
- NGNIX Server
- Docker & Compose
- MongoDB
Você pode executar os seguintes scripts com yarn ou npm como yarn install
| Script | Descrição |
|---|
install | Configuração do projeto |
dev | Compilar e iniciar o Servidor de Desenvolvimento com o Relload |
build | Compilar e minificar para a produção |
prod | Inicie o servidor de produção |
lint | Execute Eslint para todo o projeto |
test | Execute todos os testes |
test:watch | Inicie os testes no modo de vigilância |
Configuração do projeto
Nó
Instalação do Node no Windows Basta acessar o site Official Node.js e baixar o instalador. Além disso, certifique -se de ter git disponível em seu caminho, npm pode precisar dele (você pode encontrar o Git aqui).
Instalação do nó no Ubuntu Você pode instalar o NodeJS e o NPM facilmente com a instalação do APT, basta executar os seguintes comandos. $ sudo apt install nodejs $ sudo apt install npm
Outros sistemas operacionais Você pode encontrar mais informações sobre a instalação no site oficial do Node.js e no site oficial da NPM. Se a instalação foi bem -sucedida, você poderá executar o seguinte comando.m
$ node --version
$ npm --version Se você precisar atualizar npm , poderá fazê -lo usando npm ! Legal certo? Depois de executar o comando a seguir, basta abrir novamente a linha de comando e ficar feliz.
$ npm install npm -g
Configuração do projeto MongoDB
Siga isso para instalar o MongoDB no seu computador.
Site oficial do MongoDB
Instalando bússola
- Você pode instalar o bússola usando o script install_compass embalado com mongodb:
$ ./install_compass Isso baixará o pacote de bússola MongoDB apropriado para sua plataforma e a instalará.
Configuração do projeto FFMPEG
- Baixe uma construção estática.
- Use 7-Zip para descompactá-lo na pasta de sua escolha.
- Abra um prompt de comando com os direitos do administrador. NOTA: Use CMD.EXE, não use o PowerShell! A sintaxe para acessar variáveis de ambiente é diferente do comando mostrado na etapa 4 - executando -o no PowerShell substituirá o caminho do sistema com um valor ruim.
- Execute o comando (veja a nota abaixo; no Win10, você pode usar a área de variáveis ambientais do painel de controle do Windows para atualizar o caminho):
setx /M PATH "pathtoffmpegbin;%PATH%" . Não execute o setx se tiver mais de 1024 caracteres no seu caminho variável. - Instalando o FFMPEG no Ubuntu
sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins
Contribuindo
- Questões abertas?
- Levantar o PRS para questões
- Bifurcar o repositório e estrelá -lo

- Clone o repo:
https://github.com/NJACKWinterOfCode/flex-originals.git
- Executar:
npm install - Para iniciar o modo de desenvolvimento Run:
npm run dev - Para a produção, execute no Docker
sudo docker-compose up --build -d com o Nginix Server para reverter o proxy para as portas, use essas configurações.
Copyright (c) 2019, Anurag Kumar Anurag Kumar