{"id":30281905,"url":"https://github.com/kaedea/rainy-mood-web","last_synced_at":"2025-08-16T16:56:00.694Z","repository":{"id":306943554,"uuid":"1027751005","full_name":"kaedea/rainy-mood-web","owner":"kaedea","description":"Live Demo","archived":false,"fork":false,"pushed_at":"2025-08-04T16:03:20.000Z","size":262,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-04T19:52:50.317Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://rain.kaedea.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kaedea.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-28T13:31:11.000Z","updated_at":"2025-08-04T16:03:09.000Z","dependencies_parsed_at":"2025-07-28T16:24:29.874Z","dependency_job_id":null,"html_url":"https://github.com/kaedea/rainy-mood-web","commit_stats":null,"previous_names":["kaedea/rainy-mood-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kaedea/rainy-mood-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaedea%2Frainy-mood-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaedea%2Frainy-mood-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaedea%2Frainy-mood-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaedea%2Frainy-mood-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kaedea","download_url":"https://codeload.github.com/kaedea/rainy-mood-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaedea%2Frainy-mood-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270742015,"owners_count":24637503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-16T16:55:59.577Z","updated_at":"2025-08-16T16:56:00.670Z","avatar_url":"https://github.com/kaedea.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Rainy Mood - 雨声播放器\n\n这是一个模仿 Rainy Mood 的雨声播放器网页应用，提供舒缓的雨声和美观的视觉效果，帮助用户放松、集中注意力或入睡。\n\n## 功能特点\n\n1. **毛玻璃背景 \u0026 雨滴特效**：背景采用毛玻璃效果，并模拟雨滴在玻璃窗上流动的视觉效果\n2. **响应式设计**：适配各种屏幕尺寸，在电脑和手机上都能正常显示\n3. **简洁的播放控制**：一键播放/暂停雨声，并可调节音量\n4. **多种场景选择**：提供雨声、森林、海洋和城市四种不同的环境音效和背景\n5. **定时关闭功能**：支持设置倒计时，到时自动停止播放\n6. **美观的界面**：简约现代的设计风格\n\n## 使用方法\n\n1. 克隆或下载本项目到本地\n2. 在 `audio` 文件夹中添加以下音频文件（参见 audio 文件夹中的说明文件）：\n   - `rain-sound.mp3`：雨声音效\n   - `forest-sound.mp3`：森林环境音效\n   - `ocean-sound.mp3`：海洋环境音效\n   - `city-sound.mp3`：城市雨声音效\n3. 使用浏览器打开 `index.html` 文件即可使用\n4. 点击播放按钮开始播放音效\n5. 使用音量滑块调节音量大小\n6. 点击底部的场景缩略图切换不同的环境音效和背景\n7. 点击无限符号（∞）按钮设置定时关闭功能：\n   - 在弹出的时间选择器中设置小时和分钟\n   - 点击\"设置\"按钮开始倒计时\n   - 倒计时结束后，音频将自动停止播放\n   - 点击倒计时文本可随时取消倒计时\n\n## 在其他终端上使用\n\n1. 克隆仓库到本地：\n   ```bash\n   git clone \u003c仓库URL\u003e\n   cd \u003c仓库目录\u003e\n   ```\n\n2. **添加音频文件**：\n   由于音频文件已被 .gitignore 排除在版本控制之外，您需要手动添加音频文件：\n   - 查看 `audio` 文件夹中的 `.md` 说明文件，了解每个音频文件的获取方式\n   - 从 Freesound.org、Pixabay 或 Zapsplat 等网站下载适当的音频文件\n   - 将音频文件重命名为对应的名称（如 `rain-sound.mp3`）并放入 `audio` 文件夹\n\n3. **使用 Trae IDE 开发**：\n   - 在 Trae IDE 中打开项目文件夹\n   - 所有编辑器配置文件（.trae/）已被 .gitignore 排除，不会影响其他开发者\n   - 可以直接开始编辑和预览项目\n\n## 自定义选项\n\n- **背景图片**：替换以下SVG文件可更换对应场景的背景图片\n  - `img/rainy-background.svg`：雨天背景\n  - `img/forest-background.svg`：森林背景\n  - `img/ocean-background.svg`：海洋背景\n  - `img/city-background.svg`：城市背景\n- **场景缩略图**：替换以下SVG文件可更换播放列表中的缩略图\n  - `img/rain-thumbnail.svg`：雨天缩略图\n  - `img/forest-thumbnail.svg`：森林缩略图\n  - `img/ocean-thumbnail.svg`：海洋缩略图\n  - `img/city-thumbnail.svg`：城市缩略图\n- **环境音效**：替换以下音频文件可更换对应场景的音效\n  - `audio/rain-sound.mp3`：雨声音效\n  - `audio/forest-sound.mp3`：森林环境音效\n  - `audio/ocean-sound.mp3`：海洋环境音效\n  - `audio/city-sound.mp3`：城市雨声音效\n- **Logo**：修改 `index.html` 中的 Logo 部分可自定义显示文字或图片\n- **计时器设置**：修改 `js/script.js` 中的计时器相关代码可自定义计时器行为\n\n## 技术栈\n\n- HTML5\n- CSS3 (动画、响应式设计、毛玻璃效果)\n- JavaScript (原生 JS，无依赖)\n\n## 浏览器兼容性\n\n- Chrome (推荐)\n- Firefox\n- Safari\n- Edge\n\n注意：IE 浏览器可能不支持部分 CSS 效果。\n\n## 许可证\n\n本项目仅供学习和个人使用。\n\n## 项目结构\n\n```\n├── index.html          # 主HTML文件\n├── css/\n│   └── style.css      # 样式表\n├── js/\n│   └── script.js      # JavaScript脚本\n├── img/               # 图片资源目录\n│   ├── *-background.svg  # 各场景背景图\n│   └── *-thumbnail.svg   # 各场景缩略图\n├── audio/             # 音频文件目录（需手动添加音频文件）\n│   └── *.md           # 音频文件获取说明\n└── .gitignore         # Git忽略配置\n```\n\n## 版本控制说明\n\n本项目使用Git进行版本控制，并配置了适当的`.gitignore`文件以排除以下内容：\n\n- 音频文件（`.mp3`、`.wav`等）：由于体积较大，需要用户手动添加\n- 编辑器配置文件（`.trae/`、`.vscode/`等）：避免不同开发环境的配置冲突\n- 系统和临时文件：避免将操作系统生成的文件加入版本控制\n\n## 致谢\n\n灵感来源于 [Rainy Mood](https://rainymood.com/) 网站。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaedea%2Frainy-mood-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaedea%2Frainy-mood-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaedea%2Frainy-mood-web/lists"}