# videoplay_web

**Repository Path**: msy_study/videoplay_web

## Basic Information

- **Project Name**: videoplay_web
- **Description**: 前后端分离的视频播放网站
- **Primary Language**: Python
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-09-20
- **Last Updated**: 2022-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# videoplay_web

#### 介绍
前后端分离的视频播放网站。自用。

前端：vue

后端：python+flask

#### 使用说明

详情参考内部的readme文档。

## 实现思路

nginx：创建静态资源服务

后端：扫描目录下的视频文件，生成视频链接列表，主要就是维护这个视频列表

前端：视频列表的渲染展示，视频播放

![image-20211204215719607](README.assets/image-20211204215719607-16386344561621.png)





---

## Windows系统下Nginx安装及配置

1. 去nginx官网下载，下载需要的版本，我这里下载的是http://nginx.org/download/nginx-1.20.2.zip

   http://nginx.org/en/download.html

   ![image-20211204214316439](README.assets/image-20211204214316439-16386344603992.png)

2. 解压，进入目录

   ![image-20211204214428214](README.assets/image-20211204214428214-16386344670744.png)

   ![image-20211204214444370](README.assets/image-20211204214444370-16386344627423.png)

3. 启动

   启动方法：

   - 双击`nginx.exe`启动
   - 打开命令行输入`start nginx`或者`nginx.exe`都可以启动

   查看是否启动成功，访问http://localhost:80，如果可以正常访问则表示启动成功

   ![img](README.assets/1337134-20180227223315262-2029412121-16386344700175.png)

4. 配置

   这里根据自己的需求进行配置，下面的配置为静态资源服务的配置。

   配置文件在`nginx`目录下的`conf`目录的`nginx.conf`文件。
   
   ![image-20211205001539195](README.assets/image-20211205001539195.png)
   
   ```conf
       server {
           listen 8001;
           server_name 0.0.0.0;
   
           location /video/ {
               root   E:/迅雷下载/;
               autoindex on;
               autoindex_exact_size off;
               autoindex_localtime on;
           }
       }
   ```
   
   参考博客：https://www.cnblogs.com/jiangwangxiang/p/8481661.html