README.md · study/videoplay_web

# 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

study/videoplay_web

简介

发行版

贡献者

近期动态

study/videoplay_web .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

study/videoplay_web