MOBILE EXPERIENCE

把编辑客厅装进更轻的屏幕

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

APP发现界面示意手机设备展示APP内容详情示意
七个核心场景

不是把桌面页面缩小

移动端更适合一次完成一个动作:先发现、再看详情、决定是否播放或收藏;需要回到之前内容时,再打开历史。

01

发现

从心情与主题入口开始,而不是被连续海报淹没。

02

片库

按类型、状态和观看条件做更轻量筛选。

03

详情

先看时长、集数、内容说明与编辑点评。

04

播放

原生视频能力与必要增强共存,脚本失效仍能基本播放。

05

收藏

只保存在当前浏览器或设备环境,不假装跨设备同步。

06

历史

记录最近播放与进度,方便回到上次位置。

07

隐私

搜索不自动外发,本地偏好有清楚的数据边界。

APP播放界面示意APP产品展示APP发现界面示意

发现不是更快滑过,而是更快知道为什么要点开

手机屏幕更小,信息密度如果照搬桌面端,很容易变成不断滑动的海报流。移动设计会优先保留一两条判断线索:内容类型、预计时长、观看心情和一句编辑说明。用户真正想继续时,再进入详情看完整资料。

收藏与历史的作用也更直接。收藏是“现在没时间,但想以后回来”,历史是“已经开始过,想接着看”。两种数据都使用固定的本地存储键,不需要注册账号,也不会被描述成云同步。

播放体验保持原生能力优先

播放器基于 HTML5 video。增强脚本会提供播放暂停、音量、静音、全屏、画中画、倍速、线路、选集、上一集、下一集、自动下一集、关灯与快捷键,但浏览器原生 controls 始终保留。这样即使部分脚本没有执行,用户仍然拥有基本播放能力。

演示视频只允许来自项目约定的两个本地文件。页面不会因为视频缺失就搜索互联网替代源,也不会接入影视解析、网盘或第三方聚合服务。错误状态会明确提示检查部署环境中的本地文件。

本地记录意味着什么

收藏、历史、进度、视图偏好、自动下一集和音量保存在当前浏览器。这样做让产品在没有账号系统的情况下仍能保留基本连续性,同时数据边界比较清楚。代价是更换浏览器、设备或清理站点数据以后,这些记录不会自动恢复。

移动端底部提供首页、片库、搜索、片单与“我的”五个快捷入口,并为正文预留足够底部空间,避免固定栏遮挡内容。导航大面板会在小屏幕改为单列滚动,搜索层接近全宽,但默认都保持关闭,不会首次打开页面就遮住正文。

触摸操作和键盘操作都要有退路

移动端以触摸为主,但核心按钮仍然使用真实链接或标准 button 元素,保持清楚的焦点状态与语义。桌面端可以通过键盘关闭搜索层和导航面板,播放器也保留常用快捷键。减少只靠手势才能完成的操作,可以让同一套内容在不同设备上更稳定。

本页只展示 APP 产品体验,不提供虚构下载地址、应用商店链接、用户规模或合作机构信息。