李岩岩 d85823cc8d feat(ui): 实现完整的四栏布局和播放逻辑
- 新增 composables/useUI.js - UI 状态管理和防抖隐藏
- 新增 composables/useStorage.js - Storage 封装
- 新增 Layout 组件 - LeftPanel(四栏)/BottomPanel
- 新增 Modals 组件 - SourceModal/SettingsModal
- 新增 DebugPanel 组件
- 重写 App.vue - 完整播放控制逻辑
  - 渐进式频道加载
  - HTTP HEAD 测速排序
  - 自动选线/失败重试
  - 收藏/最近播放持久化
- 更新 VideoPlayer - 错误事件通知
- 更新 SettingsModal - 缓存管理功能
- 新增 TODO.md
2026-02-05 18:31:37 +08:00
2026-02-04 18:02:26 +08:00
2026-02-04 18:02:52 +08:00
2026-02-05 12:49:07 +08:00

📺 IPTV 跨平台应用

基于 Web 技术的跨平台 IPTV 播放器,一套代码支持 Windows、Mac、Android、Android TV、Web。

项目结构

iptv-app/
├── ui/                 # 🌐 Web 核心代码 (Vue 3)
│   ├── src/
│   │   ├── components/ # 播放器组件
│   │   ├── utils/      # M3U 解析等工具
│   │   └── App.vue     # 主应用
│   ├── public/         # 静态资源
│   └── dist-web/       # 📦 Web 构建输出(各平台共用)
├── web/                # 网页端nodejs中间层+docker封装
├── desktop/            # 🖥️ Tauri 桌面端 (Win/Mac)
├── android/            # 📱 Android WebView 壳
├── android-tv/         # 📺 Android TV WebView 壳
└── web/                # 🐳 Docker Web 服务端

技术栈

平台 技术 说明
UI 核心 Vue 3 + Vite + hls.js 一套代码,所有平台共用
Web Nodejs 中间层代理,解决跨域问题
Desktop Tauri (Rust) 轻量 (~5MB),高性能
Android WebView + ExoPlayer 手机/平板 Web 壳
Android TV WebView + Leanback TV 专用,支持遥控器导航
Web Node.js + Docker 网页端 + 代理服务

快速开始

Docker Web推荐

# 1. 构建 Web UI
cd ui && npm run build

# 2. 启动 Docker 服务
cd ../web
docker-compose up -d

# 访问 http://localhost:3000

Android 构建

# 1. 构建 Web UI
cd ui
npm install
npm run build

# 2. 构建 Android APK
cd ../android
./build.sh

APK 输出位置: android/app/build/outputs/apk/debug/app-debug.apk

Android TV 构建

cd android-tv
./build.sh

Description
No description provided
Readme 4.2 MiB
Languages
JavaScript 88.4%
Vue 6.1%
Java 3.3%
Shell 0.8%
HTML 0.5%
Other 0.8%