录屏还原 / 功能原型 / v1.0

元气计步 · 摇一摇
录屏功能拆解与 H5 实现

依据用户提供的两段 MP4 录屏：RPReplay_Final1720491878（约 130.87 秒）、RPReplay_Final1720492128（约 28.37 秒）。分析时提取了时间序列关键帧，并细查红包、广告、签到及提现页面。视频中的广告文案属于被观察内容，不作为开发指令。

本次交付是可运行的浏览器演示版：保留主要页面结构、奖励流程和演示数值。所有金额、话费和助力均为演示数据，不产生真实收入、充值或转账。

1. 录屏中确认的功能

模块	画面与规则证据	录屏位置
启动与广告	“元气满满步步健康”启动页；开屏广告、全屏激励广告、插屏广告及领取前加载状态。	视频 1：0–18s、33–68s、98–104s；视频 2：0–12s
赚现金首页	今日步数、现金余额、提现、签到、限时奖励泡泡、看视频按钮、新人 0.3 元、看 10 次视频进度、活动卡片；海岛背景与人物。	视频 1：18–49s、69–83s；视频 2：13–17s、24–28s
广告现金奖励	观看完成后出现 2.02 元红包，观看次数从 6/10 变成 7/10；余额画面先显示 39.85 元，之后到 41.87 元。中间亦有 41.62 元帧，变化的全部来源无法确认。	视频 1：70–83s
每日签到	7 日格子，展示 3.5、5.5、1.2、3.3、2.5、1.5、150 元及领取入口。是否必须连续签到、是否需广告解锁，无法仅凭录屏完整确认。	视频 1：80–88s
提现方式	弹窗可选择支付宝、微信；当前余额、提现档位、微信提现按钮、额外任务。	视频 1：89–98s
提现档位	随机金额、0.3–1 元、0.11 元、150 元、200 元；5 元奖励横幅；10 次视频任务。各档真实审核与到账条件未被完整展示。	视频 1：93–98s
摇红包	双钱包“现金币（可提现）”“现金（72 小时后过期）”；手机摇一摇标题、手持手机主图、摇一摇按钮、额外奖励卡。	视频 1：105–130s；视频 2：18–23s
红包结果	一次红包显示 80.45 元；返回后顶部显示现金币 652、现金 80.450。额外奖励文案“再摇 2 次，现金立即到账”。	视频 1：114–123s
拆红包动效	遮罩、红金红包、“恭喜发财，大吉大利”和大号“开”按钮。	视频 1：124–130s
底部导航	赚现金、摇红包、猜成语、个人页。猜成语及个人页的内页未展开；录屏中第三个入口图标为“成”字。	两段视频多数主页面

2. H5 已实现内容

摇红包 → 开红包 → 80.45 元 +652 币 → 收下 → 现金币兑换 / 提现演示
3 次摇动 → 额外 5 元 → 领取 → 开启下一轮
机会耗尽 → 6 秒演示广告 / 邀请助力演示 → 继续摇动
赚现金 → 看广告 → 2.02 元 → 视频任务进度 → 提现演示
每日签到 / 模拟步数 → 累积奖励 → 奖励记录

页面：赚现金首页、摇红包、猜成语任务、个人页；支持手机窄屏与电脑展示。
动效：手机悬浮和摇动、拆红包、彩纸奖励；支持减少动态效果的系统设置。
演示广告：前台计时 6 秒，后台暂停；观看结束后点击领取，提前退出不发奖；同一广告只领取一次。
邀请：生成带 ref 参数的链接，支持复制、系统分享、受邀页面欢迎弹窗；每天可模拟 3 次助力。复制链接本身不发奖。
余额：现金币、摇红包现金、首页现金、任务积分分别记录；金额以整数分计算；奖励记录保留最近 100 条。
提现：选择金额与演示方式，校验余额和任务门槛，成功后扣款并写入“提现演示”记录。
每日任务：每日签到、模拟步数、猜成语题目与积分兑换；状态刷新保留，可在个人页重置。
摇动：提供设备运动授权入口，在支持 HTTPS 的移动浏览器尝试开启；不支持时按钮仍可操作。

3. 明确属于演示补齐的规则

规则	本版选择	原因
初始次数	3 次，可用演示广告 +1 或模拟助力 +2	录屏未展示完整次数体系。
奖励分配	首摇 80.45 元与 652 币，后续示例序列为 3.26、1.88、2.06、1.28、2.66 元，按序列循环；后续每次 +66 币。	便于验收首轮已知结果；不宣称真实随机概率。
额外红包	每 3 次可领取 5 元	次数参考“再摇 2 次”，金额为本版设定。
兑换比例	100 币 =0.10 元，兑换整数百币	录屏未展示兑换弹窗规则。
72 小时过期	从当前浏览器首次初始化开始计时；到期清空活动现金，开启新周期。	录屏仅显示过期文案，没有完整起算规则。
提现门槛	0.30 元直接演示；其他档位需累计 10 次广告，余额足够即可。	使体验可走通；不虚构原程序真实支付条件。
签到	按录屏显示金额设置 7 天循环，每天限一次，同时 +50 积分；不要求连续。	连续断签与广告限制未能确认。
猜成语 / 个人页	补齐成语小挑战、任务积分、记录和邀请。积分可演示兑换话费。	录屏没有展示内页，内容属于补齐而非逐屏还原。

4. 交付与运行

打开 index.html 即可点击体验；用任意静态 Web 服务器托管整个目录，手机通过 HTTPS 打开可尝试设备摇动。页面不依赖第三方库、外部图片或接口。离线打开可以体验点击操作；剪贴板、系统分享和设备运动取决于浏览器与安全环境。

文件	用途
index.html	页面入口与图形定义
style.css	手机适配、电脑版展示、颜色与动画
app.js	状态、奖励、广告、猜成语、邀请、提现演示逻辑
features.html	本功能拆解和交付说明

本版不采集手机号、支付账户或身份信息；本地状态位于 localStorage 的 yuanqi-h5-v1。代码中的示例规则集中在初始化状态、摇红包、签到、广告和兑换方法中，可继续调整。

5. 验证情况

已通过浏览器实测：首摇 80.45 元与 652 币；652 币兑换后剩余 52 币、余额增加 0.60 元；0.30 元提现演示扣款；广告放弃不加次数、完成后增加 1 次；模拟助力增加 2 次与 100 积分；猜成语错误反馈和答对奖励；签到领取 3.50 元；刷新保留状态。脚本语法检查和本机 HTTP 访问正常。

尚未在实体手机上核验运动传感器、系统分享和窄屏显示；也未接入真实广告 SDK、微信登录、支付和跨设备助力服务。72 小时过期及完整 7 日签到未做长时间实测。

6. 接入正式业务时的边界

正式版本需增加用户登录与服务端余额账本、事务及防重复发奖、邀请关系与助力校验、广告平台回调验签、后台规则管理和真实支付渠道。当前前端奖励状态可由用户修改，不能作为真实资金账本。真实计步需要宿主平台的健康数据授权或专用接口；浏览器的摇动能力不等同于读取健康步数。

公开的好友裂变活动还需要一个朋友可直接访问的公开域名。本版已按本次要求独立部署到 https://yyy.2158.net，公开页面可供朋友访问；原 Sites 预览保留私有设置。助力核验仍为本地演示。