最近在了解冥想,无意间逛到了一个 呼吸调节 的网页( https://vanillawebprojects.com/projects//relaxer-app/ ),挺有意思,只是做的有点简单,于是自己照猫画虎,使用 react 重构并改造了一番:
体验地址: https://works.yangerxiao.com/breathe-relaxer/
- 增加了多张背景图,可以随心更换
- 增加了配合背景图片的 BGM,助你更快地进入状态,当然,你也可以静音掉
- 增加了全屏功能,沉浸式体验
- 增加了分享功能
- 多语言切换支持
- 页面如果 5 秒钟无任何操作,则隐藏掉无关元素,环境更纯净