把编辑客厅装进更轻的屏幕
移动体验保留发现、片库、详情、播放、收藏与历史的核心路径,但减少一次出现的信息量。这里展示产品结构与旧资源池中的设备界面,不提供无法验证的下载链接。



不是把桌面页面缩小
移动端更适合一次完成一个动作:先发现、再看详情、决定是否播放或收藏;需要回到之前内容时,再打开历史。
发现
从心情与主题入口开始,而不是被连续海报淹没。
片库
按类型、状态和观看条件做更轻量筛选。
详情
先看时长、集数、内容说明与编辑点评。
播放
原生视频能力与必要增强共存,脚本失效仍能基本播放。
收藏
只保存在当前浏览器或设备环境,不假装跨设备同步。
历史
记录最近播放与进度,方便回到上次位置。
隐私
搜索不自动外发,本地偏好有清楚的数据边界。



发现不是更快滑过,而是更快知道为什么要点开
手机屏幕更小,信息密度如果照搬桌面端,很容易变成不断滑动的海报流。移动设计会优先保留一两条判断线索:内容类型、预计时长、观看心情和一句编辑说明。用户真正想继续时,再进入详情看完整资料。
收藏与历史的作用也更直接。收藏是“现在没时间,但想以后回来”,历史是“已经开始过,想接着看”。两种数据都使用固定的本地存储键,不需要注册账号,也不会被描述成云同步。
播放体验保持原生能力优先
播放器基于 HTML5 video。增强脚本会提供播放暂停、音量、静音、全屏、画中画、倍速、线路、选集、上一集、下一集、自动下一集、关灯与快捷键,但浏览器原生 controls 始终保留。这样即使部分脚本没有执行,用户仍然拥有基本播放能力。
演示视频只允许来自项目约定的两个本地文件。页面不会因为视频缺失就搜索互联网替代源,也不会接入影视解析、网盘或第三方聚合服务。错误状态会明确提示检查部署环境中的本地文件。
本地记录意味着什么
收藏、历史、进度、视图偏好、自动下一集和音量保存在当前浏览器。这样做让产品在没有账号系统的情况下仍能保留基本连续性,同时数据边界比较清楚。代价是更换浏览器、设备或清理站点数据以后,这些记录不会自动恢复。
移动端底部提供首页、片库、搜索、片单与“我的”五个快捷入口,并为正文预留足够底部空间,避免固定栏遮挡内容。导航大面板会在小屏幕改为单列滚动,搜索层接近全宽,但默认都保持关闭,不会首次打开页面就遮住正文。
触摸操作和键盘操作都要有退路
移动端以触摸为主,但核心按钮仍然使用真实链接或标准 button 元素,保持清楚的焦点状态与语义。桌面端可以通过键盘关闭搜索层和导航面板,播放器也保留常用快捷键。减少只靠手势才能完成的操作,可以让同一套内容在不同设备上更稳定。
