1031蒸完饭，今天是0150睡到0920，周末了很多漫画都更了，不得不第一时间品尝。1017想来蒸饭竟在餐桌上发现了油饼，也因此我破天荒的吃了点稀饭。

React 性能调优必备工具

1

npm install plyr

今天也看着Get started with Tailwind CSS下载Tailwind。这真的又方便风格又好看。

stackblitz提供沙箱环境好方便。

1

npm install plyr-react

还是别人写的库好用。

1

npm install prop-types

CORS 是浏览器为了保护用户安全而设置的一道“墙”。 想跨域访问资源，必须让对方服务器“开门”（设置响应头允许你访问）。

前端如何處理 CORS

今晚需要小网站做测试，想起之前拜访过的jav，只记得自己曾经记录了一笔，不记得什么时候，nvim用live_grep查查查，想想相关字词，查不到，还是去folo一篇篇往前找找出来的网址，一看，6月17日的事情，却几乎全忘了。我为什么活着。

XHR 是浏览器最老牌的网络请求方式，现代项目通常用 fetch 替代，但很多老网页/播放器仍然基于它。

.m3u8 是一个 播放列表（索引）文件，里面列出了很多 .ts 视频片段的路径，播放器按顺序加载这些 .ts 来播放整个视频。

1

npm install puppeteer

为什么 Puppeteer 必须跑在后端，而不能在前端 React 项目中使用

TypeScript 是语法层，不代表运行环境

1
2
3
4

git init
git remote add origin https://github.com/xxfttkx/m3u8_grabber.git
git checkout -b main
git branch --set-upstream-to=origin/main main

使用Render部署m3u8_grabber

Available at your primary URL https://m3u8-grabber.onrender.com，我使用https://m3u8-grabber.onrender.com/api/m3u8?url=https://jav.com.se/videos/187055/akira-murasame-senren-banka/获得Internal Server Error，怎么回事呢。

render dashboard里Error: Could not find Chrome (ver. 138.0.7204.49). This can occur if either。

build command改成npm install && npx puppeteer browsers install chrome。

0124，洗澡先喵。

0133洗完澡，今天18点到21点是睡着的，18点时本想着坐了一天该趴趴了，结果一闭眼就昏死过去了，明明每晚都很难入睡的。render仍有相同问题，尝试指定 executablePath 。

得到Error: Browser was not found at the configured executablePath (/opt/render/.cache/puppeteer/chrome/linux-138.0.7204.49/chrome-linux64/chrome)。尝试改到npm start时npx puppeteer browsers install chrome。

成功了但输出是{"m3u8":[]}。可能是服务器地区的问题，明天再说吧。该考虑买vps了。

1
2
3
4
5
6

git init
git remote add origin https://github.com/xxfttkx/web_player.git
git checkout -b main
git fetch
git branch --set-upstream-to=origin/main main
git pull origin main --allow-unrelated-histories

github action好方便，部署web_player发现权限不用settings里改，直接yml里直接permissions: contents: write就行了。

部署之后的页面打开是空白，发现6月20号的我有过类似经历，当时是洗个澡就能看了，所以是github第一次部署需要时间吗。0217，也该上床睡觉了，明天再说明天再说，明天周一，中午将去吃食堂。