base on 记录mygo在b站下架前的样子 <h1 align="center">mygoFlaskProject</h1>
> 自上次 2023.10.01 mygo 在B站下架后，为了保留大家在B站观看 mygo 的美好回忆，我爬取了评论和弹幕制作了这个可以本地启动的网页项目。
> 2024.04.08-2024.04.17 为了庆祝活动 mygo 又再次短暂上架，我对数据进行了更新，页面做了重构。
<p align="center"><a href=https://www.bilibili.com/video/BV1Ww411C73f/?p=3 />最新教程视频链接(https://www.bilibili.com/video/BV1Ww411C73f/?p=3)</a></p>
<p align="center"><a href=https://www.bilibili.com/video/BV1Ww411C73f/?p=2 />上期教程视频链接(https://www.bilibili.com/video/BV1Ww411C73f/?p=2)</a></p>
<p align="center"><a href=https://www.bilibili.com/video/BV1Ww411C73f>B站视频链接(BV1Ww411C73f)</a></p>
> 2024.12.07 19:00 mygo全集终于作为正式番剧回归b站( https://www.bilibili.com/bangumi/play/ep1183102 )，并且保留了原来的弹幕和评论信息，更新了字幕，感谢'我去 母鸡卡'官方！！！！，本项目也就暂时告一段落啦，再次感谢大家过去一年以来的关注和支持！！！！
<div align="center"><img src="yiranayi.png" alt="Image" width="50%"/></div>
# 预览：
- 首页效果
- 评论区效果
- 活动页效果（视频播放器右侧广告区域点击跳转到这个页面）
## 请按照以下四种情况下载对应的资源进行操作
百度云盘（提取码：ecg4）：[链接](https://pan.baidu.com/s/1N9pCEdsN1rKn6BPJqhbGTw?pwd=ecg4)
谷歌云盘：[链接](https://drive.google.com/drive/folders/1hOLUy8toxSi63UbNCoDNCAE9dRwuDbia?usp=sharing)
### 不包含本地视频资源与本地图片资源(下载体积最小)：
你有 mygo 的视频资源，不想下载评论区图片，则程序评论区图片使用 B站的图片地址，所以启动程序时电脑需要联网，否则图片都会加载失败。一些图片可能失效或被更改。
1. 下载对应文件夹里的压缩包。
2. 解压到任意位置。
3. 打开解压后的 `mygoFlaskProject` 文件夹，找到 `mygoFlaskProject/video` 文件夹，把视频资源放入其中（支持 MP4/WebM/Ogg/FLV/AVI/MKV/MOV/ 等类型的文件，具体可能还要看一下视频编码格式），注意在 Windows 默认排序下需要满足“1-12集、总集篇、13集、特别节目1-2”这个顺序，否则会导致集数错乱。如果错乱的话可以按 1-16 重命名视频文件，缺少的资源可以在网盘“视频资源”里下载。
4. 双击 `windows一键启动.bat` 启动,然后在浏览器中访问`127.0.0.1:5000`即可（若端口冲突，请编辑 `run_mode.json` 尾行的 `port`，访问链接中的5000也改为更改后端口）。
### 不包含本地含视频资源包含本地图片资源：
你有 mygo 的视频资源，希望下载评论区图片。
1. 下载对应文件夹里的压缩包。
2. 解压到任意位置。
3. 打开解压后的 `mygoFlaskProject` 文件夹，找到 `mygoFlaskProject/video` 文件夹，把视频资源放入其中（支持 MP4/WebM/Ogg/FLV/AVI/MKV/MOV/ 等类型的文件，具体可能还要看一下视频编码格式），注意在 Windows 默认排序下需要满足”1-12集、总集篇、13集、特别节目1-2“这个顺序，否则会导致集数错乱。如果错乱的话可以按 1-16 重命名视频文件，缺少的资源可以在网盘“视频资源”里下载。
4. 双击 `windows一键启动.bat` 启动,然后在浏览器中访问`127.0.0.1:5000`即可（若端口冲突，请编辑 `run_mode.json` 尾行的 `port`，访问链接中的5000也改为更改后端口）。
### 包含本地视频资源不包含本地图片资源：
你没有 mygo 的视频资源，不想下载评论区图片。则程序的评论区图片使用 B站的图片地址，所以启动程序时电脑需要联网，否则图片都会加载失败。一些图片可能失效或被更改。
1. 下载对应文件夹里的压缩包。
2. 解压到任意位置。
3. 双击 `windows一键启动.bat` 启动,然后在浏览器中访问`127.0.0.1:5000`即可（若端口冲突，请编辑 `run_mode.json` 尾行的 `port`，访问链接中的5000也改为更改后端口）。
### 包含本地视频资源与本地图片资源(下载体积最大)：
你没有 mygo 的视频资源，希望下载”视频资源“和”评论区图片“。
1. 下载对应文件夹里的压缩包。
2. 解压到任意位置。
3. 双击 `windows一键启动.bat` 启动,然后在浏览器中访问`127.0.0.1:5000`即可（若端口冲突，请编辑 `run_mode.json` 尾行的 `port`，访问链接中的5000也改为更改后端口）。
**常见问题**
- 缺少视频资源：在云盘中找到“视频资源”文件夹下载后放在 `mygoFlaskProject/video` 文件夹下。
- 视频有声音黑屏：说明自己准备的视频是 v265 格式，这个目前只有新的浏览器支持，下载[谷歌浏览器](https://www.google.cn/chrome/index.html)解决。
- 视频不加载+评论区不加载：原因是火绒的拦截策略，临时关掉火绒或者B站私聊，改一下代码即可。
- 页面布局错乱：浏览器最大化后调整网页缩放即可。
- 感觉视频不够清楚：`mygoFlaskProject/video/`文件夹下放的是所有视频，替换为你的高清资源即可，[这里推荐一个阿里云盘资源（提取码：ja76）](https://www.aliyundrive.com/s/4vHPUhfMMEK)。
- 运行后图片和视频加载慢：确保图片和视频被放在一个速度快的储存介质下，如固态硬盘，不要放在U盘中。如果还是卡那可能你需要换个新电脑了。
- 想在其他设备（如手机或平板）上观看：确保所有设备处于同一个局域网下，在其他设备上访问电脑命令行上第二行的局域网地址即可。推荐手机横屏观看。
## 开发环境启动
### 下载文件
- 你可以直接从上面的两个网盘下载本仓库的完整版本或通过 `git clone
[email protected]:wangwc18/mygoFlaskProject.git` 命令克隆仓库。但是你还是需要从网盘下载完整版压缩包(使用B站图片时只需要下载视频就可以)，解压后将文件夹拷贝覆盖到本仓库下（缺少视频资源与图片资源）。
1. Python 环境启动
- Step 1: 安装依赖
- `pip3 install -r requirements.txt`
- Step 2: 启动
- `python app.py`
2. Conda 环境启动
- Step 1: 新建 Conda 环境
- `conda create -n mygo python=3.10`
- `conda activate mygo`
- `pip install -r requirements.txt`
- Step 2: 启动
- `python app.py` （若需更改端口，请编辑 `run_mode.json` 尾行的 `port`）
3. Docker 环境启动
- Step 1: 拉取镜像：
- `docker pull happyrespawnanchor/my-go-flask-project:24.4.17`
- Step 2: 启动容器
- `docker run -it -p 5000:5000 --rm -v /你自己/拥有的/视频位置:/mygo/video my-go-flask-project:24.4.17`（换成你的mygo视频路径）
* 最后访问 `127.0.0.1:5000` 即可，如果你更改了端口，此处的5000也记得改掉。
## 项目结构
### 技术框架
`Python` + `Flask` + `Bootstrap` + `nPlayer`
### 数据获取
1. 弹幕有三种来源，这些文件在 `mygoFlaskProject/danmaku/` 下（做了重命名）
- 标准弹幕(1文件夹)，使用“唧唧Down”获取 xml 和 ass 文件，只用 xml 文件。
- 最多弹幕(2文件夹)，使用 B站的这篇专栏 [链接](https://www.bilibili.com/read/cv26903973/)，作者做了最大合并，里头还有各种其他类型的弹幕。
- 开播弹幕(3文件夹)，后期弹幕和前期弹幕的观感不同（比如前期弹幕剧透更少），所以取了前 3000 条，这部分由 Gray Zhang 提供。
2. 同时下载了视频文件在 `mygoFlaskProject/video/` 下。
3. 剩余的数据为程序抓取，保存在 `mygoFlaskProject/get_data/` 目录下：
- `get_basic_mess.py` 获取视频的基础信息（类似标题、播放数量、弹幕数量等）生成 `mygoFlaskProject/basic.json`。
- `get_comment.py` 获取所有评论以及回复，生成三个文件夹 `comment_json_hot`、`comment_json_ne`w、`comment_json_more`，分别对应最热评论、最新评论、更多评论的原始 JSON。为了防止大语言模型的隐私泄露问题，原始评论数据我放网盘了。（PS: 由于 04.17 晚上 Cookie 过期导致爬取失败，现在的数据是 04.17 下午 2 点爬的，红豆泥斯米马赛。。。。。）
- `get_pic.py` 爬取评论区图片。
- `orginal_json_to_type.py` 原始 JSON 信息太多，把信息精简后放在 `mygoFlaskProject/` 下：
- `comment_hot_json` 最热评论（JSON 中的图片链接为本地图片链接）。
- `comment_new_json` 最新评论（JSON 中的图片链接为本地图片链接）。
- `comment_more_json` 更多评论，评论回复中的“点击查看”加载出的评论（JSON 中的图片链接为本地图片链接）。
- `comment_hot_json_online` 最热评论（JSON 中的图片链接为B站链接）。
- `comment_new_json_online` 最新评论（JSON 中的图片链接为B站链接）。
- `comment_more_json_online` 更多评论，评论回复中的“点击查看”加载出的评论（JSON 中的图片链接为 B站链接）。
### 视频组件
1. 本分支视频组件替换为使用 nplayer（[链接](https://github.com/oyuyue/nplayer)），
原本的项目是使用 dplayer（[链接](https://github.com/DIYgod/DPlayer)），但是有 Bug 迟迟不能修复。后续再研究一下添加新的功能。
2. 弹幕的用户播放配置写入 Cookie，由于Bug弹幕的透明度无法正确保存(player.danmaku.opt.opacity无法获取实时的值，从player.danmaku.el.style.opacity获取值貌似与player.danmaku.opt.opacity不一样？)。
## 最后
- 超级感谢 B站月落云尘大佬对 nPlayer 视频组件的指路以及代码示范。
- 感谢B站 Darklyyy 对页面部分细节优化，制作的一个对 2k 屏幕适配的分支：[Better 2K](https://github.com/wangwc18/mygoFlaskProject/tree/better2k)。
- 感谢 GitHub 的 [Gray Zhang](https://github.com/otakustay) 大佬提供的新弹幕文件和建议。
- 感谢 GitHub 的[HappyRespawnanchor](https://github.com/HappyRespawnanchor) 以及[Junjie Fang](https://github.com/julyfun) 重新完善了README
", Assign "at most 3 tags" to the expected json: {"id":"3715","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"