一键发呆产品系统Vibe Coding

我要开发同款
s2026年06月22日
4阅读

技术信息

语言技术
HTML5CSSJavaScript
系统类型
Web
行业分类
人工智能

作品详情

行业场景

立项原因:在注意力被无限切割的时代,每一秒都被"有意义"的事情填满,人们需要一个"被允许"的入口来主动选择什么都不做。神经科学研究表明,大脑默认模式网络激活时恰恰最具创造力,但打开手机的惯性和对浪费时间的焦虑让发呆变得困难。一键发呆旨在解决"想放松但不想冥想、想放空但不想学方法"的普遍需求。
▎ 业务背景:全球心理健康应用市场规模预计 2030 年达到 172 亿美元,现有产品集中在冥想和睡眠辅助,缺少一个比冥想更轻、比白噪音更有性格的空白地带。

功能介绍

▎ 1. 盲盒入口:点击按钮随机进入沉浸式发呆场景,每次体验不同;4 个场景快捷图标可选直达。
▎ 2. 4 个全屏循环视频场景(雨夜咖啡馆、海边黄昏、森林篝火、窗边听雨)+ 环境音频自动循环播放,发呆计时器半透明悬浮。
▎ 3. 4 种模式软切换:氛围(原始体验)、冥想(呼吸光圈 + 432Hz 低频)、灵感(AI 轻语每 30 秒生成温柔短句)、解压(触摸交互如擦雾气玻璃)。
▎ 4. AI 轻语核心功能:文心大模型根据场景名 + 发呆时长 + 已显示历史实时生成 ≤30 字个性化短句,含避重机制和降级策略。
▎ 5. 温和退出流程("再待一会儿"/"好了")、本地发呆记录、发呆凭证卡片生成。

项目实现

我负责完整的产品设计、功能定义、交互流程和 AI 子系统设计。项目基于百度秒哒 3.0 无代码平台开发,通过自然语言提示词驱动生成 H5 应用,技术栈为 HTML5 + CSS3 + JavaScript(秒哒生成),视频 MP4 H.264 无缝循环,音频 MP3 128kbps 循环 + HTML5 Audio API 交叉淡入淡出,文心大模型 API(秒哒内置)驱动 AI 轻语实时生成,localStorage 本地数据存储。技术亮点:AI 轻语时长感知分段语气(前 5 分钟/"放下"→5-30 分钟/"时光流逝"→30 分钟后/"你还在的默契"),三级降级策略(单次超时/连续失败/API 不可用),发呆不中断;预请求缓存实现零等待切换;场景 4×模式 4=16 种体验组合;全屏零 UI 设计,触碰浮出控制层 5 秒自动消失。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论