Simple Live完整指南:把4大直播平台装进1个跨平台看直播应用
【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_live
打开应用,你看到的不是某个平台的登录页,而是顶部一排平台标签——哔哩哔哩、斗鱼、虎牙、抖音。点哪个,下面就列出哪个平台的热门直播间。这就是 Simple Live,一个用 Flutter 写的跨平台直播聚合应用,手机、电脑、电视端都能跑,目标就一句话:简简单单看直播。
初体验走读:从打开到看上一场直播 📺
首次打开不强制登录,首屏就是首页:顶部是平台标签栏(顺序可以调),下面是直播间卡片墙,右上角是搜索入口。
你可以随手做这些事:
- 点任意一张直播卡片,直接进入直播间,弹幕和聊天栏随即出现
- 点搜索图标,输入主播或房间名找到目标房间
- 在直播间点关注,主播进入"我的关注",之后开播一眼就能看见
- 看过的房间自动记入历史,下次找回来很方便
底部导航只有首页、分类、关注、我的几个页签,没有复杂层级,几分钟就能摸熟。
核心能力拆解
四大平台聚合进同一个标签栏
解决的问题:看不同平台直播要装 4 个 App,界面和操作习惯各不相同。
技术上怎么做:每个平台的接口都被抽象成统一的数据接口,首页只面对"一份直播间列表",平台配置见 app/sites.dart。
你实际能得到:切换平台只靠顶部标签滑动,搜索、关注、历史都是同一套交互,不用为每个平台记一套操作。
弹幕统一渲染,还能屏蔽
解决的问题:各平台弹幕协议不同,看到的内容风格也参差。
技术上怎么做:核心库在 danmaku/ 目录里把四个平台的弹幕协议各自解析成同一种标准格式。
你实际能得到:四个平台弹幕体验一致,字体大小、透明度、滚动速度都可调;配合弹幕屏蔽设置,关键词和特定用户可以直接过滤掉。
跨设备同步关注与历史,3种方式
解决的问题:换台设备,关注列表和观看历史要从头再来。
技术上怎么做:数据同步模块提供三条路径——局域网扫码同步、5位房间号远程同步、WebDAV 传到自己的网盘。
你实际能得到:新设备扫一扫或输个房间号,数据就过来了。不依赖任何云端账号,数据始终在自己手里。
真正省心的播放设置
解决的问题:夜间挂着直播费电,弹幕遮挡画面,清晰度要逐个平台设置。
技术上怎么做:弹幕样式、自动退出、播放清晰度等配置项统一存在本地,随同步一起流转。
你实际能得到:设好"看满 60 分钟自动退出",夜里挂着也不怕;弹幕想疏想密、想大想小,一处改处处生效。
深色和浅色两套主题可跟随系统切换,深夜开深色模式看直播,眼睛会舒服很多。
技术亮点速览
| 层级 | 职责 | 位置 |
|---|---|---|
| 核心库 | 平台 API、弹幕协议、数据模型 | simple_live_core/lib/src/ |
| 业务层 | 账号、本地数据库、同步服务 | services/ |
| 界面层 | 首页、直播间、设置等页面 | modules/ |
- 状态管理选 GetX,依赖注入和路由一套搞定
- 本地存储用 Hive,关注、历史都是强类型表,离线可用
- 播放器用 media_kit,支持硬件解码
- 手机端与 TV 端复用同一核心库,新增平台只需实现一个站点接口
快速上手:3步编译运行 Simple Live
环境要求 Flutter 3.38+。注意项目不提供 Release 安装包,需要自己编译:
- 克隆仓库并拉取依赖:
git clone https://gitcode.com/GitHub_Trending/da/dart_simple_live cd dart_simple_live/simple_live_app && flutter pub get- 运行移动端:
flutter run - 运行电视端:
cd simple_live_tv_app && flutter run
推荐体验路径:首页逛热门 → 搜索主播进直播间 → 关注并配一条弹幕屏蔽 → 到"我的-数据同步"试一次局域网同步。
选型对比:分散装App vs 聚合一个应用
| 维度 | 各平台分别安装 | Simple Live 做法 |
|---|---|---|
| 应用数量 | 4个以上 | 1个 |
| 账号入口 | 每个App各登一次 | 统一入口,登录可选 |
| 关注与历史 | 平台间隔离 | 统一存储,跨设备同步 |
| 覆盖设备 | 仅手机为主 | 手机+桌面+TV |
| 弹幕体验 | 各平台不一致 | 统一渲染,支持关键词屏蔽 |
写在最后
Simple Live 把散落在多个平台的直播体验收进一个应用,数据还留在你自己手里。自己克隆编译一份,今晚就能在手机上把四个平台的直播逛一遍。
【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_live
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考