手表上也能看直播用 Dart Simple Live 打造 Flutter 手表直播应用的完整指南【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_liveDart Simple Live 是一个简简单单看直播的开源项目它的核心库 simple_live_core/ 已经把虎牙、斗鱼、B 站、抖音四大平台的房间抓取、播放地址解析和弹幕接收全部封装好了。这篇文章带你基于它做出一个能跑在智能手表上的 Flutter 手表直播应用读完你会知道仓库各模块怎么分工、小屏 UI 怎么改、播放链路怎么调通以及哪些坑是别人替你踩过的。先拆问题一个直播应用要戴上腕难在哪手机上的直播应用直接塞进手表会立刻暴露三个问题屏幕小1.2 到 1.8 英寸的屏幕一屏放不下一个完整的房间卡片信息必须做减法电池少WebSocket 长连接、硬件解码、定时刷新都在耗电默认全开的策略撑不过半天交互窄圆屏或方屏上手指能点的区域有限控件多一个就多一次误触。好消息是这三件事的解法都不需要重写直播逻辑——Dart Simple Live 的架构本来就分层了UI 层和数据层是解耦的。能力映射核心库哪些接口对应手表上的哪些功能仓库里有四个模块各管一段事simple_live_core/核心库负责各平台的数据抓取和弹幕协议版本 1.0.3simple_live_app/主端 Flutter 应用功能最全可作为功能参考simple_live_tv_app/Android TV 端它是非手机形态的现成范例很多小屏适配思路可以直接借鉴simple_live_console/命令行调试程序排查接口问题最快。核心库对外暴露的是一套LiveSite接口定义在 simple_live_core/lib/src/interface/live_site.dart手表端需要的能力与它的对应关系如下手表端功能核心库接口一句话说明首页推荐流getRecommendRooms拉当前平台推荐房间分类浏览getCategoresgetCategoryRooms先取分类树再按分类翻页房间搜索searchRooms/searchAnchors按关键词找房间或主播开播判断getLiveStatus轮询前先看这个别给没开播的房间发弹幕播放取址getRoomDetail→getPlayQualites→getPlayUrls三连调详情、清晰度、播放地址弹幕LiveDanmaku.start/stop/heartbeat长连接收消息可暂停可恢复各平台的实现类BiliBiliSite、DouyuSite、HuyaSite、DouyinSite在 simple_live_tv_app/lib/app/sites.dart 里注册成一张Map你的手表端可以照抄这张表按需增删平台。落地步骤从 clone 到出第一帧第一步克隆仓库确认版本git clone https://gitcode.com/GitHub_Trending/da/dart_simple_live环境上按 README.md 使用 Flutter 3.38 即可。注意 README 明确写了项目不提供 Release 安装包所有产物都要自己编译。第二步配置手表端依赖新建一个手表端工程后pubspec.yaml里至少需要这几项版本号参考 TV 端的 simple_live_tv_app/pubspec.yamldependencies: simple_live_core: path: ../simple_live_core media_kit: ^1.2.1 media_kit_video: ^1.3.1配套建议状态管理用get仓库两端都在用切换成本低图片用extended_image它带缓存和降采样小内存设备上比原生Image.network省资源弹幕渲染用canvas_danmaku。第三步小屏房间 UI 三步适配房间列表是手表端的第一屏改法可以按顺序来卡片做减法。核心库的LiveRoomItem模型只有roomId、title、cover、userName、online五个字段手表卡片只保留封面 单行标题 观看人数就够了标题超宽用省略号截断列表改纵排。桌面端的多列网格直接换成单列大卡片每张卡占一屏上下滑动避免误触邻卡控件自动收起。TV 端的播放器simple_live_tv_app/lib/modules/live_room/player/player_controller.dart里有一套hideControlsTimer机制显示控制栏后起一个定时器无操作就自动隐藏。手表端直接复用这个模式把隐藏时间从 3 秒拉长到 5 秒左右。第四步调通播放链路播放取址是一次三步调用先getRoomDetail拿房间详情含是否在播再getPlayQualites取清晰度列表最后getPlayUrls拿到LivePlayUrl内含一组候选地址。把地址丢给media_kit的player.open就能出画面。手表端建议固定选中最低可用清晰度——带宽和电量的账后面会算。关键取舍留什么砍什么弹幕留不留LiveDanmaku背后是一条 WebSocket 长连接还要定期heartbeat保活。手表上如果电池低于阈值直接stop()弹幕、只保留画面是性价比最高的省电手段画质档位getPlayQualites返回的是全部档位手表端别把选择权交给用户默认最低档、手动才升档能明显拉长续航解码方式TV 端播放器里有个playerCompatMode开关开启后会把渲染切到mediacodec_embed兼容模式。弱性能设备手表芯片大多如此值得照做留一个兼容解码选项刷新策略房间列表和开播状态的轮询间隔要按电池档位分级——电量充足 5 秒一档低电量拉长到 30 秒比一上来就砍功能温和得多。常见坑点前人踩过的坑抖音取址有签名抖音的播放地址接口带请求签名核心库在 simple_live_core/lib/src/scripts/ 下内置了签名脚本并借助 JS 引擎执行不要尝试手搓这个算法直接用DouyinSite封装好的方法弹幕协议四家各不相同B 站、斗鱼、虎牙走 WebSocket 二进制协议虎牙还涉及 Tars RPC实现在 simple_live_core/packages/tars_dart/抖音弹幕是 protobuf见 simple_live_core/lib/src/danmaku/proto/。这些都已封装在LiveDanmaku子类里你自己要做的只是回调onMessageAndroid 上 media_kit 的已知问题TV 端代码注释里提到Android 平台需要给播放器设置force-seekable属性否则直播流可能异常。移植播放器代码时别漏掉这一步别忘自己编译项目不提供 Release 安装包手表端、TV 端一样都要flutter build自己出包真机验证是唯一可靠的验收方式。核心库把四家平台最脏最累的协议层都收进去了你要在手表端投入的精力其实集中在三处一张信息更少的房间卡片、一个自动收起的控制栏、一套按电量分级的刷新与解码策略。把这三件事做好腕上直播就成立了。【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_live创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
手表上也能看直播？用 Dart Simple Live 打造 Flutter 手表直播应用的完整指南
手表上也能看直播用 Dart Simple Live 打造 Flutter 手表直播应用的完整指南【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_liveDart Simple Live 是一个简简单单看直播的开源项目它的核心库 simple_live_core/ 已经把虎牙、斗鱼、B 站、抖音四大平台的房间抓取、播放地址解析和弹幕接收全部封装好了。这篇文章带你基于它做出一个能跑在智能手表上的 Flutter 手表直播应用读完你会知道仓库各模块怎么分工、小屏 UI 怎么改、播放链路怎么调通以及哪些坑是别人替你踩过的。先拆问题一个直播应用要戴上腕难在哪手机上的直播应用直接塞进手表会立刻暴露三个问题屏幕小1.2 到 1.8 英寸的屏幕一屏放不下一个完整的房间卡片信息必须做减法电池少WebSocket 长连接、硬件解码、定时刷新都在耗电默认全开的策略撑不过半天交互窄圆屏或方屏上手指能点的区域有限控件多一个就多一次误触。好消息是这三件事的解法都不需要重写直播逻辑——Dart Simple Live 的架构本来就分层了UI 层和数据层是解耦的。能力映射核心库哪些接口对应手表上的哪些功能仓库里有四个模块各管一段事simple_live_core/核心库负责各平台的数据抓取和弹幕协议版本 1.0.3simple_live_app/主端 Flutter 应用功能最全可作为功能参考simple_live_tv_app/Android TV 端它是非手机形态的现成范例很多小屏适配思路可以直接借鉴simple_live_console/命令行调试程序排查接口问题最快。核心库对外暴露的是一套LiveSite接口定义在 simple_live_core/lib/src/interface/live_site.dart手表端需要的能力与它的对应关系如下手表端功能核心库接口一句话说明首页推荐流getRecommendRooms拉当前平台推荐房间分类浏览getCategoresgetCategoryRooms先取分类树再按分类翻页房间搜索searchRooms/searchAnchors按关键词找房间或主播开播判断getLiveStatus轮询前先看这个别给没开播的房间发弹幕播放取址getRoomDetail→getPlayQualites→getPlayUrls三连调详情、清晰度、播放地址弹幕LiveDanmaku.start/stop/heartbeat长连接收消息可暂停可恢复各平台的实现类BiliBiliSite、DouyuSite、HuyaSite、DouyinSite在 simple_live_tv_app/lib/app/sites.dart 里注册成一张Map你的手表端可以照抄这张表按需增删平台。落地步骤从 clone 到出第一帧第一步克隆仓库确认版本git clone https://gitcode.com/GitHub_Trending/da/dart_simple_live环境上按 README.md 使用 Flutter 3.38 即可。注意 README 明确写了项目不提供 Release 安装包所有产物都要自己编译。第二步配置手表端依赖新建一个手表端工程后pubspec.yaml里至少需要这几项版本号参考 TV 端的 simple_live_tv_app/pubspec.yamldependencies: simple_live_core: path: ../simple_live_core media_kit: ^1.2.1 media_kit_video: ^1.3.1配套建议状态管理用get仓库两端都在用切换成本低图片用extended_image它带缓存和降采样小内存设备上比原生Image.network省资源弹幕渲染用canvas_danmaku。第三步小屏房间 UI 三步适配房间列表是手表端的第一屏改法可以按顺序来卡片做减法。核心库的LiveRoomItem模型只有roomId、title、cover、userName、online五个字段手表卡片只保留封面 单行标题 观看人数就够了标题超宽用省略号截断列表改纵排。桌面端的多列网格直接换成单列大卡片每张卡占一屏上下滑动避免误触邻卡控件自动收起。TV 端的播放器simple_live_tv_app/lib/modules/live_room/player/player_controller.dart里有一套hideControlsTimer机制显示控制栏后起一个定时器无操作就自动隐藏。手表端直接复用这个模式把隐藏时间从 3 秒拉长到 5 秒左右。第四步调通播放链路播放取址是一次三步调用先getRoomDetail拿房间详情含是否在播再getPlayQualites取清晰度列表最后getPlayUrls拿到LivePlayUrl内含一组候选地址。把地址丢给media_kit的player.open就能出画面。手表端建议固定选中最低可用清晰度——带宽和电量的账后面会算。关键取舍留什么砍什么弹幕留不留LiveDanmaku背后是一条 WebSocket 长连接还要定期heartbeat保活。手表上如果电池低于阈值直接stop()弹幕、只保留画面是性价比最高的省电手段画质档位getPlayQualites返回的是全部档位手表端别把选择权交给用户默认最低档、手动才升档能明显拉长续航解码方式TV 端播放器里有个playerCompatMode开关开启后会把渲染切到mediacodec_embed兼容模式。弱性能设备手表芯片大多如此值得照做留一个兼容解码选项刷新策略房间列表和开播状态的轮询间隔要按电池档位分级——电量充足 5 秒一档低电量拉长到 30 秒比一上来就砍功能温和得多。常见坑点前人踩过的坑抖音取址有签名抖音的播放地址接口带请求签名核心库在 simple_live_core/lib/src/scripts/ 下内置了签名脚本并借助 JS 引擎执行不要尝试手搓这个算法直接用DouyinSite封装好的方法弹幕协议四家各不相同B 站、斗鱼、虎牙走 WebSocket 二进制协议虎牙还涉及 Tars RPC实现在 simple_live_core/packages/tars_dart/抖音弹幕是 protobuf见 simple_live_core/lib/src/danmaku/proto/。这些都已封装在LiveDanmaku子类里你自己要做的只是回调onMessageAndroid 上 media_kit 的已知问题TV 端代码注释里提到Android 平台需要给播放器设置force-seekable属性否则直播流可能异常。移植播放器代码时别漏掉这一步别忘自己编译项目不提供 Release 安装包手表端、TV 端一样都要flutter build自己出包真机验证是唯一可靠的验收方式。核心库把四家平台最脏最累的协议层都收进去了你要在手表端投入的精力其实集中在三处一张信息更少的房间卡片、一个自动收起的控制栏、一套按电量分级的刷新与解码策略。把这三件事做好腕上直播就成立了。【免费下载链接】dart_simple_live简简单单的看直播项目地址: https://gitcode.com/GitHub_Trending/da/dart_simple_live创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
