Appearance
应用效果预览
本文档展示 TV Box 应用的主要界面和功能效果。
首页
首页是用户进入应用后看到的第一个界面，提供了视频源的浏览和搜索入口。
主要功能
- 顶部搜索栏 - 快速搜索视频内容
- 分类标签 - 切换不同的视频分类（电影、电视剧、综艺等）
- 视频网格 - 以卡片形式展示视频列表
- 下拉刷新 - 刷新当前分类的内容
- 上拉加载 - 加载更多视频内容
界面展示
功能说明
源切换
- 点击左上角源图标可以切换不同的视频源
- 支持多个订阅源的快速切换
搜索入口
- 点击搜索框进入搜索页面
- 支持关键词搜索视频内容
分类浏览
- 顶部横向滚动的分类标签
- 点击标签切换不同分类的内容
- 支持电影、电视剧、综艺、动漫等分类
视频卡片
- 显示视频封面、标题、年份、地区、分类等信息
- 点击卡片进入视频详情页
- 标题和副标题支持自动滚动显示完整内容
收藏和历史
- 右上角收藏图标，进入收藏列表
- 右上角历史图标，查看观看历史
短剧页面
短剧页面专门展示短剧类型的内容，提供与常规影视不同的浏览体验。
主要功能
- 短剧列表 - 展示短剧视频列表
- 分类筛选 - 按类型、地区等筛选短剧
- 快速播放 - 点击即可快速播放
界面展示
功能说明
短剧源识别
- 自动识别
type: "drama"的短剧源 - 在短剧页面中展示短剧内容
- 自动识别
短剧卡片
- 显示短剧封面和基本信息
- 支持快速浏览和播放
播放体验
- 短剧通常集数较多，支持连续播放
- 自动记录播放进度
播放页面
播放页面提供完整的视频播放功能和交互体验。
主要功能
- 视频播放 - 支持多种视频格式（m3u8、mp4、flv 等）
- 播放控制 - 播放/暂停、进度控制、音量、亮度调节
- 倍速播放 - 支持 0.75x 到 3.0x 倍速播放
- 选集功能 - 切换不同线路和集数
- 全屏播放 - 支持横竖屏切换
- 手势控制 - 左右滑动调节进度，上下滑动调节音量和亮度
界面展示
控制面板功能
顶部控制栏
- 返回按钮
- 视频标题
- 投屏按钮
- 更多选项
- 系统状态（时间、电量）
底部控制栏
- 播放/暂停按钮
- 进度条和时间显示
- 倍速选择
- 选集按钮
- 全屏按钮
手势控制
- 左右滑动 - 快进/快退
- 上下滑动（左侧） - 调节亮度
- 上下滑动（右侧） - 调节音量
- 长按 - 倍速播放
指示器显示
- 缓冲指示器 - 显示加载状态
- 进度指示器 - 显示快进/快退信息
- 音量指示器 - 显示音量调节
- 亮度指示器 - 显示亮度调节
- 倍速指示器 - 显示倍速信息
锁定功能
- 左侧锁定按钮
- 锁定后防止误触
- 再次点击解锁
播放器特性
- 多清晰度支持 - 如果源支持，可以切换不同清晰度
- 自动播放下一集 - 播放完成后自动跳转
- 播放历史记录 - 自动记录播放进度
- 网络状态显示 - 显示当前网络速度
搜索页面
搜索页面提供强大的视频搜索功能，帮助用户快速找到想看的内容。
主要功能
- 关键词搜索 - 输入关键词搜索视频
- 搜索结果展示 - 以列表或网格形式展示搜索结果
- 分页加载 - 支持多页搜索结果
- 搜索历史 - 记录最近搜索的关键词
界面展示
功能说明
搜索输入
- 顶部搜索框
- 支持中文、英文、数字等关键词
- 实时搜索建议（如果源支持）
搜索结果
- 显示搜索结果数量
- 视频卡片展示（封面、标题、年份等）
- 点击进入视频详情页
搜索历史
- 显示最近搜索的关键词
- 点击历史记录快速搜索
- 支持清除历史记录
空状态
- 无搜索结果时显示提示
- 提供搜索建议
视频详情页
视频详情页展示视频的完整信息，包括简介、演员、播放线路等。
主要功能
- 视频信息 - 标题、封面、简介、年份、地区、分类等
- 演员信息 - 导演、主演列表
- 播放线路 - 多个播放线路切换
- 选集列表 - 选择要播放的集数
- 批量下载 - 支持批量下载视频（如果源支持）
界面展示
功能说明
视频信息展示
- 大图封面
- 视频标题和基本信息
- 详细描述
- 演员和导演信息
播放线路
- 多个播放线路标签
- 点击切换不同线路
- 不同线路可能有不同的清晰度或来源
选集功能
- 显示所有集数
- 支持快速跳转到指定集数
- 显示已观看进度
操作按钮
- 立即播放
- 收藏/取消收藏
- 分享视频
- 批量下载
响应式设计
应用针对不同屏幕尺寸进行了优化，确保在各种设备上都有良好的显示效果。
- 手机端 - 单列布局，适合竖屏浏览
- 平板端 - 多列布局，充分利用屏幕空间
- TV 端 - 大屏优化，支持遥控器操作
性能优化
- 图片懒加载 - 提升页面加载速度
- 列表虚拟化 - 优化长列表性能
- 缓存机制 - 减少网络请求
- 预加载 - 提前加载下一页内容