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