A nas system

Related tags

CSS sparkCloud
Overview

火星一云/sparkCloud

这是一个类似于nas的个人项目,布置好服务器后,可以在线观看视频,可以实现文件的上传和下载。

技术

前后端分离的项目。前端是spa应用,使用react全家桶完成,分别适配了pc端和移动端,用videojs实现视频的播放。后端用nodejs完成,主要用express,数据库用mongodb。

使用

  1. 安装nodejs,运行npm i (推荐使用cnpm i)。

  2. 安装mongodb(请按照默认配置安装即可,不要自定义,否则后面很可能会出问题),安装完毕在命令行运行mongod

  3. 这一步是说明如何放置想要添加到服务器的视频文件,稍显繁琐,举两个例子来说明。

    • 例如:《进击的巨人》,这是一部动漫,共有4季,它的分类标签可以是机战、热血、战斗、致郁(视频的分类标签在最后有说明)。
      在D盘(或者其它盘中,但必须是磁盘根目录)新建 videofile 文件夹,在video文件夹里新建 movieanimationtv 三个文件夹。
      在animation文件夹中新建名叫 [进击的巨人]{机战}{热血}{战斗}{致郁} 的文件夹(括号都是英文格式),在其中新建名为 1234 的四个文件夹作为每一季的文件夹,再分别放入每一季的视频,注意视频格式必须是mp4或者是m4v。
      在项目的 public/imgs/imgs/animation 文件夹中放入名为 进击的巨人.webp 的海报图片。
    • 再例如:《黑客帝国》,这是一部电影,它的分类标签可以是动作、科幻、爱情、灾难。
      在上一个例子中已经建立了一些文件夹,不必重复建立,现在只需要在movie文件夹中新建名为 [黑客帝国]{动作}{科幻}{爱情}{灾难} 的文件夹,在其中新建名为 1 的文件夹,再放入视频文件。如果想把黑客帝国三部曲都放在一起,也都只放在 1 文件夹里就好,无需再新建文件夹。
      在项目的 public/imgs/imgs/movie 文件夹中放入名为 黑客帝国.webp 的海报图片。
  4. 在项目根目录下打开命令行,执行node utils/scandir.js

  5. 然后执行npm start或者node server.js开启服务器。

  6. 分类标签

    • 电影(movie)的分类标签:动作、科幻、爱情、奇幻、喜剧、恐怖、冒险、灾难、现实、武士、西部。
    • 动漫(animation)的分类标签:科幻、机战、剧场、后宫、搞笑、热血、日常、战斗、推理、治愈、致郁、校园、原创、改编
    • 电视剧(tv)的分类标签:国产、欧美、日韩
You might also like...

A Blaze apostas é um cassino online que recentemente se tornou popular nas redes sociais.

A Blaze apostas é um cassino online que recentemente se tornou popular nas redes sociais.

Blaze Double 🤖 Bot Blaze A Blaze apostas é um cassino online que recentemente se tornou popular nas redes sociais. Esse bot tem como objetivo enviar

Dec 29, 2022

The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System

The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System

Usage Create an App # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --example with-

Jan 2, 2023

Remote Keyboard Tutoring System is a web-based system that can be attached to any keyboard synthesizer through a MIDI connector.

Remote Keyboard Tutoring System is a web-based system that can be attached to any keyboard synthesizer through a MIDI connector.

The Remote Keyboard Tutoring System is a web-based system that can be attached to any (electronic) keyboard synthesizer through a MIDI connector. Once our system is connected to the keyboard, the user can interactively learn, play or teach in combination with the web application that we provide.

Nov 15, 2022

Denail of service system for the Dentistimo system. Used to improve the tolerance and testing fail safe functionality.

 Denail of service system for the Dentistimo system. Used to improve the tolerance and testing fail safe functionality.

Distributed Systems - Dos Testing DoS (Denail of Service) System for Testing and Practical demonstration of systems capability to handle a basic DDoS

Nov 8, 2022

🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system

🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system

🐬 HypeScript Introduction This is a simplified implementation of TypeScript's type system that's written in TypeScript's type annotations. This means

Dec 20, 2022

The CSS design system that powers GitHub

The CSS design system that powers GitHub

Primer CSS The CSS implementation of GitHub's Primer Design System Migrating 🚨 If you currently use the primer or primer--prefixed npm packages, plea

Jan 3, 2023

Salesforce Lightning Design System

Salesforce Lightning Design System Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX. SLDS

Dec 29, 2022

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Dec 30, 2022

:atom_symbol: React primitive UI components built with styled-system.

Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo

Dec 31, 2022

A cross platform high-performance graphics system.

A cross platform high-performance graphics system.

spritejs.org Spritejs is a cross platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-prog

Dec 24, 2022

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

Duet Date Picker Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and us

Jan 6, 2023

A design system built by IBM

A design system built by IBM

Carbon Design System Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of worki

Jan 3, 2023

A simple, modern, browser notification system

humane.js This project was heavily inspired by humanmsg project for jQuery. I really liked the project but I wanted to remove the jQuery dependency, a

Dec 10, 2022

framework-agnostic styled alert system for javascript

SMOKE.JS - 0.1.3 Notify or get approval from your users quickly and with style. This alert system uses css animations and background (so there are no

Dec 25, 2022

Javascript Content Management System running on Node.js

Cody CMS A Javascript Content Management System running on Node.js We finally took upon the task, we are happy to announce the transition to Express 4

Oct 31, 2022

Lightweight JavaScript module system.

modulejs Lightweight JavaScript module system. License The MIT License (MIT) Copyright (c) 2020 Lars Jung (https://larsjung.de) Permission is hereby g

Dec 21, 2022

Reasonable System for CSS Stylesheet Structure

Viewing this from GitHub? Visit the website for the full experience. rscss.io → rscss Styling CSS without losing your sanity Reasonable System for CSS

Dec 21, 2022

A markdown based documentation system for style guides.

Hologram Hologram is a Ruby gem that parses comments in your CSS and helps you turn them into a beautiful style guide. There are two steps to building

Nov 12, 2022
Owner
null
Salesforce Lightning Design System

Salesforce Lightning Design System Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX. SLDS

Salesforce UX 3.4k Dec 29, 2022
Reasonable System for CSS Stylesheet Structure

Viewing this from GitHub? Visit the website for the full experience. rscss.io → rscss Styling CSS without losing your sanity Reasonable System for CSS

Rico Sta. Cruz 3.9k Dec 21, 2022
A markdown based documentation system for style guides.

Hologram Hologram is a Ruby gem that parses comments in your CSS and helps you turn them into a beautiful style guide. There are two steps to building

Trulia, LLC. 2.2k Nov 12, 2022
:mountain_bicyclist: Landing Pages of Ant Design System

Ant Design Landing Landing Pages of Ant Design System English | 简体中文 What is Landing? Landing is a template built by Ant Motion's motion components. I

Ant Design Team 5.2k Dec 31, 2022
Orange Design System theme for Storybook

ODS Storybook Theme Orange Design System Storybook Theme provides a Storybook theme for Orange. Quick start Install with npm: npm install ods-storyboo

Orange 3 Jan 10, 2022
An Ember-flavoured Bootstrap 4.x eco-system

ui-bootstrap Adds a complete Ember Bootstrap 4.x eco-system THIS IS CURRENTLY A WORK IN PROGRESS ... it works but it will be "ready" pretty soon Insta

LifeGadget 12 Jan 25, 2021
Standalone keycloak theme using Système de Design de l'État (french government design system)

keycloak-dsfr This template has been made thanks to keycloakify. It follows the french design system Système de Design de l'État. You can find guideli

Fabrique numérique des Ministères Sociaux 4 May 25, 2022
implementing a hook to listen to system theme changes! it could be a good lib, who knows? 😏

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

José Tone 4 Jan 15, 2022
Desafio [Frontend Mentor] - Projeto feito com o framework React que anuncia vagas de emprego e filtra com base nas categorias selecionadas.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Vinícius 4 May 20, 2022
a Node.JS script to auto-import USB drives that are attached to a computer. Use it to turn your NAS into a smart photo / file importer.

File Vacuum 5000 ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ WARNING: This script is designed to manipulate files on both an external drive and another specif

null 46 Jan 10, 2022