我们用 Flutter 90 天搭建了一个完整的短视频 + 直播 App —— 这是我们交付的成果
项目背景
DTok 是一个完整的 Flutter 短视频 + 直播 App,历时 90 天完成开发,涵盖短视频浏览、直播互动、创作者工具、社交关系链与变现体系。
核心功能
📱 短视频模块
- 垂直滑屏浏览(类 TikTok 体验)
- 双指缩放、长按慢放手势
- 视频预加载与缓冲管理
- 点赞、评论、分享、收藏
🎥 直播模块
- 主播开播 / 观众进房
- 实时弹幕与礼物动画
- 连麦 PK 功能
- 直播回放
🛠 创作者工具
- 视频录制与多段拼接
- 滤镜、贴纸、背景音乐
- 封面截帧
- 草稿自动保存
👥 社交关系链
- 关注 / 粉丝 / 好友
- 私信与群聊
- 动态 Feed 流
💰 变现体系
- 虚拟礼物与打赏
- 创作者分成
- 商品橱窗
技术栈
| 层级 | 技术选型 |
|---|---|
| 框架 | Flutter 3.22 |
| 状态管理 | Riverpod 2.x |
| 网络层 | Dio + Retrofit |
| 播放器 | media_kit(FFmpeg) |
| 直播推流 | flutter_rtmp_publisher |
| 实时通信 | Socket.IO |
| 本地缓存 | Hive + Isar |
| CI/CD | GitHub Actions + Fastlane |
关键架构决策
Riverpod 全局状态:每个 VideoController 绑定到对应页面 Provider,页面销毁时自动释放,解决了大量内存泄漏问题。
乐观 UI:点赞、关注等操作先更新本地状态再同步服务端,失败时回滚,极大提升了交互流畅度。
Feature Flag:通过 Firebase Remote Config 控制功能灰度,不发版即可开关模块。
开源
- GitHub:https://github.com/dtok/dtok-flutter
- 在线体验:https://dtok.app
90 天,从 0 到上线,Flutter 完全可以胜任这个量级的产品。欢迎 Star & 交流!
作者:风清扬 No.1
出处:http://www.cnblogs.com/fengqingyangNo1
如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】按钮。
如果,您希望更容易地发现我的新博客,不妨点击一下右下角的 【关注 风清扬 No.1】。
因为,我的写作热情也离不开您的肯定支持。
感谢您的阅读,如果您对我的博客所讲述的内容有兴趣,请继续关注我的后续博客.
出处:http://www.cnblogs.com/fengqingyangNo1
如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】按钮。
如果,您希望更容易地发现我的新博客,不妨点击一下右下角的 【关注 风清扬 No.1】。
因为,我的写作热情也离不开您的肯定支持。
感谢您的阅读,如果您对我的博客所讲述的内容有兴趣,请继续关注我的后续博客.

浙公网安备 33010602011771号