Giter Club home page Giter Club logo

flex-originals's Introduction

Chat Chat

Flex Originals

Demo

Microservice Architecture of project

Flex Originals is an opensource project. Contributions are welcome

Features

  • ๐ŸคŸ No Bootstrap Components Frameworks - Written in Vue.js for client and React.js for admin and own design scss styles.
  • ๐Ÿ“ผ Video & Audio & Image - Share your video, audio and images.
  • ๐Ÿ’ช Accessible - full support for VTT captions and screen readers
  • ๐Ÿ”ง Theme - Dark and Light theme.
  • ๐Ÿ˜Ž Clean HTML - uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There's no <span> or <a href="#"> button hacks
  • ๐Ÿ“ฑ Responsive - works with any screen size
  • ๐Ÿ’ต Monetization - make money from your videos
  • ๐Ÿ“น Streaming - streaming playback
  • ๐ŸŽ› API - toggle playback, volume, seeking, and more through a standardized API
  • ๐Ÿ”Ž Fullscreen - supports native fullscreen with fallback to "full window" modes
  • โŒจ๏ธ Shortcuts - supports keyboard shortcuts
  • ๐Ÿ–ฅ Picture-in-Picture - supports picture-in-picture mode
  • ๐Ÿ“ฑ Playsinline - supports the playsinline attribute
  • ๐ŸŽ Speed controls - adjust speed on the fly
  • ๐Ÿ“– Multiple captions - support for multiple caption tracks
  • ๐Ÿ‘Œ Preview thumbnails - support for displaying preview thumbnails
  • ๐Ÿ’โ€โ™€๏ธ SASS - to include in your build processes

Road Map

  1. Improve UI
  2. Improve Server
  3. Improve CDN
  4. Improve Players Video & Audio
  5. Add redis
  6. Add video and audio processing.
  7. Make distributed server.

Project Setup & Scripts

  1. ffmpeg
  2. Ngnix Server
  3. Docker & Compose
  4. MongoDB

You can run the following scripts with yarn or npm like yarn install

Script Description
install Project setup
dev Compile and start development server with hot-reload
build Compile and minify for production
prod Start production server
lint Run eslint for the entire project
test Run all tests
test:watch Start tests in watch mode

Project Setup

Node

  • Node installation on Windows Just go on official Node.js website and download the installer. Also, be sure to have git available in your PATH, npm might need it (You can find git here).

  • Node installation on Ubuntu You can install nodejs and npm easily with apt install, just run the following commands. $ sudo apt install nodejs $ sudo apt install npm

  • Other Operating Systems You can find more information about the installation on the official Node.js website and the official NPM website. If the installation was successful, you should be able to run the following command.M
    $ node --version

    $ npm --version If you need to update npm, you can make it using npm! Cool right? After running the following command, just open again the command line and be happy.
    $ npm install npm -g

MongoDB Project Setup

Follow this to install MongoDB in your computer.

official MongoDB website

INSTALLING COMPASS

  • You can install compass using the install_compass script packaged with MongoDB:
    $ ./install_compass This will download the appropriate MongoDB Compass package for your platform and install it.

FFmpeg Project Setup

  • Download a static build.
  • Use 7-Zip to unpack it in the folder of your choice.
  • Open a command prompt with administrator's rights. NOTE: Use CMD.exe, do not use Powershell! The syntax for accessing environment variables is different from the command shown in Step 4 - running it in Powershell will overwrite your System PATH with a bad value.
  • Run the command (see note below; in Win10, you might want to use the Environmental Variables area of the Windows Control Panel to update PATH): setx /M PATH "path\to\ffmpeg\bin;%PATH%".Do not run setx if you have more than 1024 characters in your system PATH variable.
  • Installing FFmpeg in Ubuntu

    sudo apt-get update
    sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins

Contributing

  • Open issues ๐Ÿ’ฅ
  • Raise PRs for issues โœ‹
  • Fork the repo and star it โญ
    image
  • Clone the repo : https://github.com/NJACKWinterOfCode/flex-originals.git
  • Run : npm install
  • To start development mode run: npm run dev
  • For production run in docker sudo docker-compose up --build -d with nginix server to reverse proxy to ports use this settings.

Copyright (c) 2019, Anurag Kumar Anurag Kumar

flex-originals's People

Contributors

anuragteapot avatar dependabot[bot] avatar greenkeeper[bot] avatar sgpritam avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.