Skip to content

应用效果预览

本文档展示 TV Box 应用的主要界面和功能效果。

首页

首页是用户进入应用后看到的第一个界面,提供了视频源的浏览和搜索入口。

主要功能

  • 顶部搜索栏 - 快速搜索视频内容
  • 分类标签 - 切换不同的视频分类(电影、电视剧、综艺等)
  • 视频网格 - 以卡片形式展示视频列表
  • 下拉刷新 - 刷新当前分类的内容
  • 上拉加载 - 加载更多视频内容

界面展示

300

功能说明

  1. 源切换

    • 点击左上角源图标可以切换不同的视频源
    • 支持多个订阅源的快速切换
  2. 搜索入口

    • 点击搜索框进入搜索页面
    • 支持关键词搜索视频内容
  3. 分类浏览

    • 顶部横向滚动的分类标签
    • 点击标签切换不同分类的内容
    • 支持电影、电视剧、综艺、动漫等分类
  4. 视频卡片

    • 显示视频封面、标题、年份、地区、分类等信息
    • 点击卡片进入视频详情页
    • 标题和副标题支持自动滚动显示完整内容
  5. 收藏和历史

    • 右上角收藏图标,进入收藏列表
    • 右上角历史图标,查看观看历史

短剧页面

短剧页面专门展示短剧类型的内容,提供与常规影视不同的浏览体验。

主要功能

  • 短剧列表 - 展示短剧视频列表
  • 分类筛选 - 按类型、地区等筛选短剧
  • 快速播放 - 点击即可快速播放

界面展示

300

功能说明

  1. 短剧源识别

    • 自动识别 type: "drama" 的短剧源
    • 在短剧页面中展示短剧内容
  2. 短剧卡片

    • 显示短剧封面和基本信息
    • 支持快速浏览和播放
  3. 播放体验

    • 短剧通常集数较多,支持连续播放
    • 自动记录播放进度

播放页面

播放页面提供完整的视频播放功能和交互体验。

主要功能

  • 视频播放 - 支持多种视频格式(m3u8、mp4、flv 等)
  • 播放控制 - 播放/暂停、进度控制、音量、亮度调节
  • 倍速播放 - 支持 0.75x 到 3.0x 倍速播放
  • 选集功能 - 切换不同线路和集数
  • 全屏播放 - 支持横竖屏切换
  • 手势控制 - 左右滑动调节进度,上下滑动调节音量和亮度

界面展示

600

控制面板功能

  1. 顶部控制栏

    • 返回按钮
    • 视频标题
    • 投屏按钮
    • 更多选项
    • 系统状态(时间、电量)
  2. 底部控制栏

    • 播放/暂停按钮
    • 进度条和时间显示
    • 倍速选择
    • 选集按钮
    • 全屏按钮
  3. 手势控制

    • 左右滑动 - 快进/快退
    • 上下滑动(左侧) - 调节亮度
    • 上下滑动(右侧) - 调节音量
    • 长按 - 倍速播放
  4. 指示器显示

    • 缓冲指示器 - 显示加载状态
    • 进度指示器 - 显示快进/快退信息
    • 音量指示器 - 显示音量调节
    • 亮度指示器 - 显示亮度调节
    • 倍速指示器 - 显示倍速信息
  5. 锁定功能

    • 左侧锁定按钮
    • 锁定后防止误触
    • 再次点击解锁

播放器特性

  • 多清晰度支持 - 如果源支持,可以切换不同清晰度
  • 自动播放下一集 - 播放完成后自动跳转
  • 播放历史记录 - 自动记录播放进度
  • 网络状态显示 - 显示当前网络速度

搜索页面

搜索页面提供强大的视频搜索功能,帮助用户快速找到想看的内容。

主要功能

  • 关键词搜索 - 输入关键词搜索视频
  • 搜索结果展示 - 以列表或网格形式展示搜索结果
  • 分页加载 - 支持多页搜索结果
  • 搜索历史 - 记录最近搜索的关键词

界面展示

300

功能说明

  1. 搜索输入

    • 顶部搜索框
    • 支持中文、英文、数字等关键词
    • 实时搜索建议(如果源支持)
  2. 搜索结果

    • 显示搜索结果数量
    • 视频卡片展示(封面、标题、年份等)
    • 点击进入视频详情页
  3. 搜索历史

    • 显示最近搜索的关键词
    • 点击历史记录快速搜索
    • 支持清除历史记录
  4. 空状态

    • 无搜索结果时显示提示
    • 提供搜索建议

视频详情页

视频详情页展示视频的完整信息,包括简介、演员、播放线路等。

主要功能

  • 视频信息 - 标题、封面、简介、年份、地区、分类等
  • 演员信息 - 导演、主演列表
  • 播放线路 - 多个播放线路切换
  • 选集列表 - 选择要播放的集数
  • 批量下载 - 支持批量下载视频(如果源支持)

界面展示

300

功能说明

  1. 视频信息展示

    • 大图封面
    • 视频标题和基本信息
    • 详细描述
    • 演员和导演信息
  2. 播放线路

    • 多个播放线路标签
    • 点击切换不同线路
    • 不同线路可能有不同的清晰度或来源
  3. 选集功能

    • 显示所有集数
    • 支持快速跳转到指定集数
    • 显示已观看进度
  4. 操作按钮

    • 立即播放
    • 收藏/取消收藏
    • 分享视频
    • 批量下载

响应式设计

应用针对不同屏幕尺寸进行了优化,确保在各种设备上都有良好的显示效果。

  • 手机端 - 单列布局,适合竖屏浏览
  • 平板端 - 多列布局,充分利用屏幕空间
  • TV 端 - 大屏优化,支持遥控器操作

性能优化

  • 图片懒加载 - 提升页面加载速度
  • 列表虚拟化 - 优化长列表性能
  • 缓存机制 - 减少网络请求
  • 预加载 - 提前加载下一页内容

TV Box 源开发文档