flex originals

Flex Originals

演示

項目的微服務架構

Flex Originals是一個OpenSource項目。歡迎捐款

特徵

• ？沒有Bootstrap組件框架- 用Vue.js編寫，用於客戶端和React.js ，用於管理員和自己的Design SCSS樣式。
• ？視頻和音頻和圖像- 分享您的視頻，音頻和圖像。
• ？可訪問- 對VTT字幕和屏幕閱讀器的全面支持
• ？主題- 黑暗和光主題。
• ？清潔html-使用正確的元素。 <input type="range">用於音量和<progress>進度， <button> s for按鈕。沒有<span>或<a href="#">按鈕hacks
• 響應迅速- 使用任何屏幕尺寸
• ？貨幣化- 從您的視頻中賺錢
• ？流- 流播放
• ？ API-通過標準化的API切換播放，音量，尋求等等
• ？全屏- 支持本機全屏，並帶有後備為“完整窗口”模式
• ⌨️快捷方式- 支持鍵盤快捷鍵
• ？圖片中的圖片- 支持圖片中的圖片模式
• PLAYSINLINE-支持playsinline屬性
• ？速度控制- 即時調整速度
• 多個字幕- 支持多個字幕曲目
• ？預覽縮略圖- 支持顯示預覽縮略圖
• ？ ‍♀️SASS-包括在您的構建過程中

路線圖

1. 改進UI
2. 改進服務器
3. 改善CDN
4. 改善播放器視頻和音頻
5. 添加redis
6. 添加視頻和音頻處理。
7. 製作分佈式服務器。

項目設置和腳本

1. ffmpeg
2. NGNIX服務器
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上的節點安裝您可以通過APT安裝輕鬆安裝nodejs和npm，只需運行以下命令即可。 $ sudo apt install nodejs $ sudo apt install npm

• 其他操作系統您可以在官方Node.js網站和官方NPM網站上找到有關安裝的更多信息。如果安裝成功，您應該能夠運行以下命令。
  $ node --version

  $ npm --version如果您需要更新npm ，則可以使用npm進行！酷吧？運行以下命令後，只需再次打開命令行并快樂即可。
  $ npm install npm -g

MongoDB項目設置

按照此操作將MongoDB安裝在您的計算機中。

MongoDB官方網站

安裝羅盤

• 您可以使用MongoDB打包的intermant_compass腳本安裝Compass：
  $ ./install_compass這將下載適合您平台的MongoDB指南針包並安裝它。

FFMPEG項目設置

• 下載靜態構建。
• 使用7-zip將其打開您選擇的文件夾。
• 打開具有管理員權利的命令提示。注意：使用cmd.exe，請勿使用PowerShell！用於訪問環境變量的語法與步驟4中顯示的命令不同 - 在PowerShell中運行它會以不良值覆蓋您的系統路徑。
• 運行命令（請參見下面的注；在Win10中，您可能需要使用Windows控制面板的環境變量區域更新路徑）： setx /M PATH "pathtoffmpegbin;%PATH%" 。
• 在Ubuntu中安裝FFMPEG
  
  sudo apt-get update
sudo apt-get install ffmpeg sudo apt-get install frei0r-plugins

貢獻

• 開放問題？
• 提出問題
• 分叉存儲店並出演它
  
• 克隆回購： https://github.com/NJACKWinterOfCode/flex-originals.git
  
• 運行： npm install
• 開始開發模式運行： npm run dev
• 在Docker sudo docker-compose up --build -d帶Nginix Server以反向代理到端口，請使用此設置。

版權（C）2019，Anurag Kumar Anurag Kumar