上为网站截图，部署域名为study.mikugame.icu和study.mikumod.com（mikumod的速度会更好）
主包有时会去学校图书馆，但是类如Chill with you（steam有卖，叫“放松时光，与你共享Lofi故事”）这样的游戏又会受到设备的限制，再加上一直在听STUDY WITH MIKU的歌，所以萌生了做一个在线Miku自习室的想法，希望可以实现背景展示+音乐播放。
项目在12月初上线，B站视频现在已经过7万播放，同时在线人数最高应该是200多？项目源码在github开源，目前已经Merge 2位贡献者的PR，非常感谢他们的付出，希望在以后能有更多的PR。
GitHub仓库为（欢迎star！）：
https://github.com/shshouse/StudyWithMiku
技术方面其实没很什么很难实现的地方，毕竟只是一个静态网站，三个背景视频都是直接放项目里加载的，非要说难点可能就是实时在线人数的实现了吧，功能有三张背景视频的切换，在线人数显示，番茄钟，Aplayer播放音乐。支持导入自定义歌单，网易云和QQ音乐的都可以，不过不能播放vip歌曲。
音乐播放的实现参考了wenqi佬的做法，使用Aplayer + meting api（两个开源项目）调用网易云接口，在线人数则是通过Cloudflare Workers的WebSocket API实现的，利用Durable Objects来维护全局在线用户计数，前端通过WebSocket连接到服务器，实时接收在线人数更新并显示在番茄钟组件中。
如果想要部署本项目也是非常简单，因为是静态项目，所以可以fork后直接通过cloudflare page部署，只要把woker代码里的allow domain改成自己的域名后在线人数就可以跑起来。
巧思方面，有鼠标运动检测，如果鼠标数秒没有移动或者移出窗口，则除了正上方的番茄钟组件其他ui都会隐藏。视频加了层遮罩，这样就不会刺眼。番茄钟计时结束时会暂时减少音乐音量播放铃铛音效来提醒。
在悠闲的音乐里和Miku一起学习吧~
