wangguibin / live_tv_box

flutter练手,直播盒子, m3u8在线播放器

live_tv_box

一个基于 flutter 开发的在线播放器的练手项目,旨在解决电脑上看电视的痛点

依赖库

主要是依赖video_player相关插件做的视频播放

  video_player: ^2.8.1
  video_player_web_hls: ^1.1.0
  video_player_web: ^2.1.2

1. 状态管理一开始就是直接用的 setState , 觉得太麻烦了就用上 Getx

2. web 端主要还是得依靠浏览器特性 dart:html 系统库就提供了许多功能 选择文件读取 以及 下载保存文件

3. json 和 model 互转 用的dart:convert 没有用到三方库

4. 本地存储用的localstorage

功能点

• 播放/暂停/全屏切换
• 添加/删除管理频道列表
• 添加/移除订阅源 支持 m3u 和 txt 两种常用格式 (最好是链接带文件后缀 因为解析策略是按文件后缀来区分的)
• 导入/导出频道列表 json 配置

采用 github-pages 部署 存储基于浏览器本地 localstorage,需要共享可以导出配置在其他电脑上导入配置即可添加频道列表

添加 iptv 源 不能直接添加 github 的源 加个 cdn 转换

[X] https://github.com/WangGuibin/live_tv_box/blob/main/cctv.m3u

[√] https://cdn.jsdelivr.net/gh/WangGuibin/live_tv_box@main/cctv.m3u

跨域问题

本地调试可以尝试绕过

flutter run -d chrome --web-browser-flag "--disable-web-security"

网友们整理的一些源 https://github.com/iptv-org/iptv https://github.com/vodtv/iptv 或者 https://m3u.vodtv.cn/ https://github.com/hujingguang/ChinaIPTV https://github.com/TCatCloud/IPTV

不过好多源都播不了提示跨域,不知道咋解决,放弃了 (需要设置一个 webServer proxy 把 ts 的链接代理到本地进行转发 或者 本地调试执行flutter run -d chrome --web-browser-flag "--disable-web-security"可绕过该问题) 客户端起个本地服务器进行代理或者直接后端进行代理转发可能会简单一些,至于 web 端好像是无解的,最好就是找一些支持跨域的源进行播放

live_tv_box's Issues

关于进度条不能正常拖动的问题

非常感谢您写的这个工具，非常棒！可以用来看些电视直播了。
发现了一个小问题，在手机上运行时，进度条显示不正确，来回的动，而且无法显示总长度，这个我改了一下，可以了，
目前将 VideoPlayController类中的videoController.addListener方法做了一下改动就可以了：
将
allSeconds.value = range.end.inSeconds
改成了以下就可以了：
allSeconds.value = videoController.value.duration.inSeconds;

//20240323